Div Float Center with CSS

How to center a div inside a div with HTML and CSS? Use Margin Auto to Center DIV Element

by ITpresent

HTML

<a href="https://itpresent.com/web/css/div_float_center.php" target="_blank">Div Float Center with CSS</a><br><br><br>
<div class="content">
  <br>
    <div class="block">
      <a href="https://itpresent.com"><p> IT present</p></a>
    
    </div>
 <br>
</div>

CSS

.content {
background-color:yellow;
}
.block {
width:150px;
height:100px;
background-color:red;
margin: 0 auto;
}
a {
 text-align:center;
}