JSFiddle - React, Tailwind, and code Playground

by Alex Cowan

HTML

<div class='Text'>
  <h1 id='CaseDetails'>
    Case Details
  </h1>
    <h4>Case Facts</h4>
  <p id='CaseFacts'>

    Age: 37 <br>
    Sex: Male <br>
    Incident: MVC in which he was a restrained driver.
    <br>
    GCS: 14.
    <br>
    Complaints: Diffuse discomfort, multiple large contusions on chest, abdomen, and legs.
  </p>

    <h4>
      Vitals
    </h4>
  <p id='Vitals'>

    BP: 113/76 <br>
    HR: 87 <br>
    T: 37.0 C 98.5F <br>
    spO2: 98% <br>
  </p>
</div>

CSS

.Text{
   font-family: Times New Roman, Times, serif;
   color: black;
  }
 
 #CaseDetails{
   text-decoration: underline;
   text-align: center;
 }
 
 #Vitals{
   text-align: right;
 }