DEV Community

Discussion on: 4 ways to perfectly center content using CSS

View post
Collapse
 
__manucodes profile image
manu • • Edited

Another solution:

<style>
.my_awesome_div {
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%)
}
</style>
<div class=".my_awesome_div">
Hello, World!
</div>
Enter fullscreen mode Exit fullscreen mode
Collapse
 
rajatkapoor profile image
Rajat Kapoor •

This is a nice addition. Thanks