JSFiddle - React, Tailwind, and code Playground

HTML

<section class="b-block">
    <article class="b-article">
        <h1 class="b-article__header">Header</h1>
        
        <p class="b-article__text">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed 
            do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
            Ut enim ad minim veniam, quis nostrud exercitation ullamco 
            laboris nisi ut aliquip ex ea commodo consequat.
        </p>
        
        <p class="b-article__text">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed 
            do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
            Ut enim ad minim veniam, quis nostrud exercitation ullamco 
            laboris nisi ut aliquip ex ea commodo consequat.
        </p>
    </article>
    
    <footer class="b-additional-info">
        <div class="b-additional-info__ico">
            <img src="http://s2.hostingkartinok.com/uploads/images/2012/09/682bcb233b517ce607d45043068c00e4.png" alt="?" />
        </div>
        
        <div class="b-additional-info__main">
            <p class="b-additional-info__text">
                Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed 
                do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
                Ut enim ad minim veniam, quis nostrud exercitation ullamco 
                laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum 
                dolor sit amet, consectetur adipisicing elit, sed 
                do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
                Ut enim ad minim veniam, quis nostrud exercitation ullamco 
                laboris nisi ut aliquip ex ea commodo consequat.
            </p>
        </div>
    </footer>
</section>

<section class="b-block">
    <article class="b-article">
        <h1 class="b-article__header">Header</h1>
        
        <p class="b-article__text">
            Lorem ipsum dolor sit amet,...

CSS

body {
    margin: 10px;
    font-size: 0.625em; /* 10px */
    line-height: 1.5;
    font-family: Arial, Verdana, Tahoma, sans-serif;
}

table {
    width: 100%;
    border-spacing: 5px;
}

.b-block {
    margin: 10px 0;
    background: #ddd;
    border-radius: 5px;
}

.b-article {
    padding: 15px;
}

.b-article + .b-article {
    padding-top: 0;
}

.b-article__header {
    margin: 0 0 15px;
    font-size: 2.1em;
    color: #000;
}

.b-article__text {
    margin: 0 0 15px;
    font-size: 1.3em;
    color: #000;
}

.b-article__header:last-child,
.b-article__text:last-child {
    margin-bottom: 0;
}

.b-additional-info {
    overflow: hidden;
    padding: 20px;
    background: #ccc;
    border-radius: 5px;
}

.b-article + .b-additional-info {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.b-additional-info__ico {
    float: left;
    padding-right: 15px;
    text-align: center;
    color: #ddd;
}

.b-additional-info__main {
    overflow: hidden;
}

.b-additional-info__text {
    margin: 0 0 15px;
    font-size: 1.3em;
    color: #000;
}

.b-additional-info__text:last-child {
    margin-bottom: 0;
}