Are you looking for aligning a <div> tag horizontally to the middle of the page using CSS? If so, you have come to the right place.
Aligning a <div> tag horizontally to the middle of the page using CSS can be done with the help of the code shown below.
HTML
<body> <div id="centered"> Content that needs to be centered </div> </body>
CSS
#centered { width:900px; //You can use any width according to your requirement. margin:0 auto; border: 2px solid grey; padding: 100px; text-align: center; }
The above code does the job. However, you may want to make sure that no issues arise when you are using IE6. To make it work for IE6, you need to add “text-align: center” to the body and then add “simple text-align: left” to your div to make everything work. Easy, right? These corner cases will ensure that your code works on every browser out there and can be used by anyone on the web.
That’s all! Do you have any other trick that can help? If yes, don’t forget to share it in the comment section below.
You can also check on our website for videos on HTML/CSS. Below are some examples:
You can also follow some of our broadcasters who program in JavaScript as below:
Another cool way to find out interesting things about HTML/CSS is to access our project page!
Another week to bring you the top yield platforms for three of the most prominent…
If you hold a large volume of LEDU tokens above 1 million units and wish…
It’s another week and like always we have to explore the top yield platforms for…
At a time where we’re constantly seeking tools and strategies to simplify our crypto investments,…
As we kick off another week, it's time to explore the top yield platforms for…
We're excited to share that Education Ecosystem was recently featured in an article on Business…
View Comments
Great small tutorial on how to handle divs horizontally. Simple and elegant.