Dropcaps Style 1
Lorem Drop Cap - is a letter that has a larger size than the following text, the initial value being smaller than the baseline. You can use the "aligned-dropcap" to mark the first letter of the block element with a row element. You can also use a negative value to lower the text below the baseline, or a positive value to lift the text above the baseline. In case of line-height, choose a normal value to make sure the fastening cap does not overlap with the close lines.Drop cap is aligned up and right, and the text is aligned to the right.
<section class="drop-caps">
<div class="container">
<h2>Dropcaps Style 1</h2>
<div class="dropcaps-1">
<p><span class="myDropcap">L</span>orem Drop Cap - is a letter that has a larger size than the following text, the initial value being smaller than the baseline. You can use the "aligned-dropcap" to mark the first letter of the block element with a row element. You can also use a negative value to lower the text below the baseline, or a positive value to lift the text above the baseline. In case of line-height, choose a normal value to make sure the fastening cap does not overlap with the close lines.Drop cap is aligned up and right, and the text is aligned to the right.</p>
</div>
</div>
</section>
Dropcaps Style 2
Lorem Drop Cap - is a letter that has a larger size than the following text, the initial value being smaller than the baseline. You can use the "aligned-dropcap" to mark the first letter of the block element with a row element. You can also use a negative value to lower the text below the baseline, or a positive value to lift the text above the baseline. In case of line-height, choose a normal value to make sure the fastening cap does not overlap with the close lines.Drop cap is aligned up and right, and the text is aligned to the right.
<section class="drop-caps">
<div class="container">
<h2>Dropcaps Style 2</h2>
<div class="dropcaps-2">
<p><span class="myDropcap">L</span>orem Drop Cap - is a letter that has a larger size than the following text, the initial value being smaller than the baseline. You can use the "aligned-dropcap" to mark the first letter of the block element with a row element. You can also use a negative value to lower the text below the baseline, or a positive value to lift the text above the baseline. In case of line-height, choose a normal value to make sure the fastening cap does not overlap with the close lines.Drop cap is aligned up and right, and the text is aligned to the right.</p>
</div>
</div>
</section>