how do i align the paragraph to the middle of the div? code is in the description.

Question

HTML:
<div><p></p></div>
CSS:
div
{
height: 500px;
background-color: blue;
}
p
{
height: 100px;
background-color: black;
}

Answer 1

Change CSS

div {
display: table-cell;
height: 300px;
width: 300px;
background-color: #e3e3e3;
margin: auto auto;
text-align: center;
vertical-align: middle;
}

Answer 2

just out margin auto for the <p>. that should do it. or text align center/justify.

Answer 3

Hi, can anyone help me please