JSFiddle - React, Tailwind, and code Playground

by huskydawgs

HTML

<div id="wrapper-landing">
    	<div class="industry-intro rtecenter">
        <p class="summary-headline rtecenter">Best SUV in 2015</p>
        <p>When it comes to safety the 2015 Subaru Forester simply runs over the competition.</p>
	</div>
</div>

CSS

.summary-headline.rtecenter {
    text-align: center;
}
#wrapper-landing {
	width: 916px;
    margin: 0 auto 50px auto;
    padding: 0;
}

.industry-intro,.landing-intro {
    margin: 0 30px 0 30px;
}

#wrapper-landing p {
    color: rgb(102, 102, 102);
    font-family: 'SegoeRegular',Helvetica,Arial,sans-serif;
    font-size: 1.1em;
    line-height: 1.6em;
}

    .summary-headline {
        color: #2251a4;
        font-family: SegoeBold, Helvetica, Arial;
        font-size: 26px;
        line-height: 34px;
        margin: 0 0 10px 0;
        text-align: left;
    }

.rtecenter {
    text-align: center;
}