<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;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.