<div class="block">
  <div class="block1">
    <pre>  font-family: Verdana;
  font-size: 15px;
  font-size-adjust: 0.55;</pre>
    <p id="para1">This is Verdana</p></div>
  <div class="block1">
    <pre>  font-family: Times New Roman;
  font-size: 15px;
  font-size-adjust: 0.55;</pre>
    <p id="para2">This is Times New Roman.</p>
  </div>
</div>


.block{
  display: flex;
}
.block1{
  margin-right: 30px;
}
pre{
  font-size: 18px;
  padding: 10px;
  background: lightgrey;
}
#para1 {
  font-family: Verdana;
  font-size: 20px;
  font-size-adjust: 0.55;
  text-align: center;
}

#para2 {
  text-align: center;
  font-family: Times New Roman;
  font-size: 20px;
  font-size-adjust: 0.55;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.