JSFiddle - React, Tailwind, and code Playground

by Cone

HTML

<div class="block">
    <div class="part_one" id="part_f">
        <ul>
            <li class="head">ПОСЕЩЕНИЕ</li>
            <li class="price">5 500</li>
        </ul>
    </div>
    <div class="part_two" id="part_f">
           <ul>
            <li class="head">ПОСЕЩЕНИЕ</li>
            <li class="price">5 500</li>
        </ul>
    </div>
    <div class="part_three" id="part_f">
           <ul>
            <li class="head">ПОСЕЩЕНИЕ</li>
            <li class="price">5 500</li>
        </ul>
    </div>
    <div class="part_four" id="part_f">
           <ul>
            <li class="head">ПОСЕЩЕНИЕ</li>
            <li class="price">5 500</li>
        </ul>
    </div>
</div>

CSS

* {
    padding:0;
    margin:0;
}
body {
    font-family:arial;
    font-size:12px;
    font-size:62.5%;
}
.block {
    width:960px;
    margin:0 auto;
    background:#f4f4f4;
    position:relative;
    display:table;
}
.part_one {
}
#part_f {
    background:#fff;
    min-height:100px;
    width:239px;
    border-right:1px solid #dfdfdf;
    float:left;
}
#part_f ul {
    list-style:none;
}
#part_f ul li {
    text-align:center;
    padding:15px 0;
}
#part_f ul li.head {
    font-weight:bold;
    font-size:180%;
    background:#ccc;
    color:#fff;
}
#part_f ul li.price {
    font-size:240%;
    font-weight:bold;
}