I am looking to center left-aligned text in the yellow box (txtbox). The current look is like this:
and I want it to appear like this:
HTML:
<div class="content container small">
<div class="txtbox">
<header style="text-align:left;">
<h2>I AIN'T</h2>
<h2>AN ARTIST.<h2>
<h2>I'M A</h2>
<h2>BEAST!</h2>
</header>
</div>
<footer>
<a href="#one" class="button style2 down">More</a>
</footer>
</div>
CSS:
.container.small {
/* width: 900px; */
width:800px;
}
.txtbox{
width:800px;
margin:0 auto;
background-color:yellow;
text-align:center;
}