TheLazy.Dev
Portfolio GitHub

Blog

Positionaly vertically & horizontally center

webfaisalbd

Faisal Ahmed

Posted on November 7, 2024

Positionaly vertically & horizontally center
<!DOCTYPE html>
<html>
<body>

<div class="invoice-print-container" style="width: 100vw; height: 100vh; position: relative;">
  <div class="water-mark" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0.1;">
    <img width="300px" height="300px"; src="https://png.pngtree.com/png-vector/20190115/ourmid/pngtree-green-leaf-hand-painted-300-pixel-map-leaf-love-png-image_348692.jpg" alt="">
  </div>
</div>


</body>
</html>
Enter fullscreen mode Exit fullscreen mode
đź’– đź’Ş đź™… đźš©
webfaisalbd
Faisal Ahmed

Posted on November 7, 2024

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related

I am purposefully super nice to AI because I imagine they are trained on data where nice people get better help. Doing this, though, has an existential uneasiness to it.
ai I am purposefully super nice to AI because I imagine they are trained on data where nice people get better help. Doing this, though, has an existential uneasiness to it.

November 28, 2024

The best way to get better at writing code is...
development The best way to get better at writing code is...

November 28, 2024

If you're a beginner, definitely check this open source guide. I've explained almost everything you need to know.
undefined If you're a beginner, definitely check this open source guide. I've explained almost everything you need to know.

November 28, 2024

HMPL has a new logo. What do you think?
webdev HMPL has a new logo. What do you think?

November 28, 2024

AI Innovations at Microsoft Ignite 2024 What You Need to Know (Part 2)
githubcopilot AI Innovations at Microsoft Ignite 2024 What You Need to Know (Part 2)

November 29, 2024