JSFiddle - React, Tailwind, and code Playground

HTML

<div class="a">
    <div class="b">
         <h3>Glavna pisarna</h3>
        <hr />
        <p><b>Tel.:</b> 03 749 20 90</p>
        <p><b>Gsm:</b> 041 651 483</p>
        <p><b>Fax:</b> 03 749 20 90</p>
        <p><b>E-mail:</b>
        </p>
    </div>
    <div class="c">
         <h3>Direktor</h3>
        <hr />
        <p><b>Tel.:</b> 03 749 20 90</p>
        <p><b>Gsm:</b> 041 651 483</p>
        <p><b>Fax:</b> 03 749 20 90</p>
        <p><b>E-mail:</b>
        </p>
    </div>
    <div class="d">
         <h3>Bar</h3>
        <hr />
        <p><b>Tel.:</b> 03 749 20 90</p>
        <p><b>Gsm:</b> 041 651 483</p>
        <p><b>Fax:</b> 03 749 20 90</p>
        <p><b>E-mail:</b>
        </p>
    </div>
</div>

CSS

.a {
    width: 100%;
    height: 220px;
    background-color: #CAE4FF;
}
.b, .c, .d {
    float: left;
    width: 33.33333333333%;
    height: 220px;
    background-color: white;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;    
	box-sizing: border-box;       
}
.b h3, .c h3, .d h3 {
    margin-left: 11px;
}
.b p, .c p, .d p {
    margin-left: 11px;
}
.b hr, .c hr, .d hr {
    width: 95%;
    margin: auto;
}
.b, .c {
    border-right: solid 1px;
}