How do I horizontally center a <div> using CSS

I have an HTML code like below,

<div id="con">
   <div id="sem-con">
      Hey There!
   </div>
</div>

I want to center the sem-con. How can I do it using CSS?

1 Answer

5 years ago by Divya

You can do that by adding a margin prop to the sem-con as below

#sem-con {
   margin : 0 auto;
}

5 years ago by Divya