JSFiddle - React, Tailwind, and code Playground

by Lalji Tadhani

HTML

<div class="container">
    <div class="row">
        <div class="col-md-12">
            <div class="page-header">
                <span class="page-title">Title</span>
                <br/>
                <span class="page-sub-title">
                    <span>Subtitle</span><br/>
                    <span>Introduction Paragraph</span>
                </span>
            </div>
        </div>
    </div>
</div>

CSS

.page-header:before {
    content: url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQZikm8y6mk6pXo5dEZeWu7MsHxkJsKtIww3qlPIHzyL-mRwN4E');
    display: inline-block;
    vertical-align:top;

}

.page-header .page-title {
    padding: 0 10px;
    color: #ff4500;
    font-size: 32px;
    padding-bottom: 0px;
    padding-left: 0px;
    vertical-align
}

.page-header .page-sub-title {
    font-size: 18px;
}