Dropcaps

<div class="col-md-6 mb-1-9 mb-md-6">
    <p class="mb-0 display-30"><span class="display-26 bg-primary text-white position-relative float-left p-3 mr-3">L</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer adipiscing erat eget risusLorem ipsum dolor sit amet, consectetur adipiscing elit. Integer adipiscing erat eget risus sollicitudin pellentesque et non erat. Maecenas nibh dolor, malesuada et bibendum a, sagittis accumsan ipsum.</p>
</div>
                            

<div class="col-md-6 mb-1-9 mb-md-6">
    <p class="mb-0 display-30"><span class="display-26 bg-primary text-white position-relative float-left p-3 mr-3 border-radius-8">L</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer adipiscing erat eget risusLorem ipsum dolor sit amet, consectetur adipiscing elit. Integer adipiscing erat eget risus sollicitudin pellentesque et non erat. Maecenas nibh dolor, malesuada et bibendum a, sagittis accumsan ipsum.</p>
</div>
                            

<div class="col-md-6 mb-1-9 mb-md-6">
    <p class="mb-0 display-30"><span class="display-26 border border-width-3 position-relative float-left p-3 mr-3">L</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer adipiscing erat eget risusLorem ipsum dolor sit amet, consectetur adipiscing elit. Integer adipiscing erat eget risus sollicitudin pellentesque et non erat. Maecenas nibh dolor, malesuada et bibendum a, sagittis accumsan ipsum.</p>
</div>
                            

<div class="col-md-6 mb-1-9 mb-md-6">
    <p class="mb-0 display-30"><span class="display-26 border border-width-3 border-radius-8 position-relative float-left p-3 mr-3">L</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer adipiscing erat eget risusLorem ipsum dolor sit amet, consectetur adipiscing elit. Integer adipiscing erat eget risus sollicitudin pellentesque et non erat. Maecenas nibh dolor, malesuada et bibendum a, sagittis accumsan ipsum.</p>
</div>
                            

<div class="col-md-6 mb-1-9 mb-md-6">
    <p class="mb-0 display-30"><span class="display-6 line-height-1 text-primary position-relative float-left mr-3">L</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer adipiscing erat eget risusLorem ipsum dolor sit amet, consectetur adipiscing elit. Integer adipiscing erat eget risus sollicitudin pellentesque et non erat. Maecenas nibh dolor, malesuada et bibendum a, sagittis accumsan ipsum.</p>
</div>
                            

<div class="col-md-6 mb-1-9 mb-md-6">
    <p class="mb-0 display-30"><span class="display-6 line-height-1 position-relative float-left mr-3">L</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer adipiscing erat eget risusLorem ipsum dolor sit amet, consectetur adipiscing elit. Integer adipiscing erat eget risus sollicitudin pellentesque et non erat. Maecenas nibh dolor, malesuada et bibendum a, sagittis accumsan ipsum.</p>
</div>
                            

<div class="col-md-6 mb-1-9 mb-md-0">
    <p class="mb-0 display-30"><span class="display-26 bg-primary rounded-circle position-relative float-left py-2 px-3 mr-3">L</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer adipiscing erat eget risusLorem ipsum dolor sit amet, consectetur adipiscing elit. Integer adipiscing erat eget risus sollicitudin pellentesque et non erat. Maecenas nibh dolor, malesuada et bibendum a, sagittis accumsan ipsum.</p>
</div>