CodePen

HTML

            
              <style>
.leftSide {
color: red;
font-size: 20px;
}

#body {
width: 650px;
}


.leftSide h1 {
margin-bottom: 50px;
text-align: right;
width: 180px;
}

.rightSide {
font-size: 14px;
float: right;
margin-top: -288px;
}


</style>


<div id="body">
<div class="leftSide">
<h1>challenge:</h1>
<h1>action:</h1>
<h1>results:</h1>
</div>

<div class="rightSide">
<p style="margin-bottom: 45px;">Build awareness for Saint Peter’s University Hospital’s <br/>neonatology, obstetrics, orthopedics, cardiology, diabetes treatment<br /> and pediatric oncology.  </p>
<p style="margin-bottom: 30px;">Re-brand Saint Peter’s as the compassionate “Personal Advocate” for<br /> its patients. SGW employed a broadly targeted, integrated media<br /> campaign featuring real life stories of patients and the tagline,<br /> “Thanks, Saint Peter’s!”</p>
<p>All six specialty services increased as follows: Neonatology — 36%,<br /> Obstetrics — 45%, Orthopedics — 28%, Cardiology — 10%,<br /> 
Diabetes Treatments — 12% and Pediatric Oncology — 8%. </p>


</div>

</div>
            
          
!
via HTML Inspector

CSS

            
              
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................