Here is the css and html of a div with text. I am trying to get the text centered in the middle (vertically/horizontally) in the middle of the div. I am having troubles… help please - thanks.
#div1{
height:300px;
width:300px;
background-color:red;
margin-left: auto;
margin-right: auto;
margin-top: auto;
margin-bottom: auto;
display: inline-block;
vertical-align: middle;
text-align: center;
}
<div id="div1"><p>Hello</p>
</div>