Previous Article
CSS center content within a div
Here's an old bit of code that I found to position something centrally inside an element.
#idOfTheDiv {
width: 400px; /* here you put the width that you need */
height: 200px; /* here you put the height that you need */
position: absolute;
left: 50%;
top: 50%;
margin-left: -200px; /* this number always to be the width divided two in negative */
margin-top: -100px; /* this number always to be the height divided two in negative */
}
![Avatar of Clive Walkden](/assets/images/clive-walkden.jpg)
Clive Walkden
Posted:
Latest Articles
![Linux Linux command line tools, installations etc](https://clivewalkden.sirv.com/assets/images/blog/categories/linux.jpg?profile=personal)
Linux —
How to Install NordLayer VPN Client on Ubuntu 20.04 and Connect to a Virtual NetworkA simple to follow installation guide for NordLayer VPN
![avatar](https://clivewalkden.sirv.com/assets/images/clive-walkden.png?profile=personal&w=40&h=40)
Clive Walkden
Author
![MySQL MySQL usage, tweaks and learnings](https://clivewalkden.sirv.com/assets/images/blog/categories/mysql.jpg?profile=personal)
MySQL —
Mastering MySQL Database Imports on LinuxLearn efficient ways to import MySQL databases on Linux using the mysql command-line client. Explore the --source option and < operator for seamless data migration. Master MySQL imports on Linux with our comprehensive guide.
![avatar](https://clivewalkden.sirv.com/assets/images/clive-walkden.png?profile=personal&w=40&h=40)
Clive Walkden
Author
![DevOps DevOps principles and tool usage](https://clivewalkden.sirv.com/assets/images/blog/categories/devops.jpg?profile=personal)
DevOps —
Mastering SSH Key Conversions for DevOpsA guide to convert SSH keys from one version to another using Linux CLI
![avatar](https://clivewalkden.sirv.com/assets/images/clive-walkden.png?profile=personal&w=40&h=40)
Clive Walkden
Author