The margin: 0 auto declaration is not having the desired effect for some reason. I have attempted using text-align in the header, as well as exploring various other options, but none seem to be working.
This is my current code:
div.middle {
font-family: "New Times Roman";
background-color: rgba(75, 75, 75, 0.4);
padding: 0;
border: 2px solid rgb(75, 75, 75);
border-radius: 8px;
width: 85%;
height: auto;
display: inline-block;
margin: 0 auto;
}
div#wrapper {
width: 100%;
margin: 0 auto;
text-align: center;
}<div id="wrapper">
<div class="middle">
<p> Text........ </p>
<p> Text........ </p>
<p> Text........ </p>
</div>
</div>