JSFiddle - React, Tailwind, and code Playground

by HappyCougar

HTML

<link rel="stylesheet" href="http://rlexpert.ru/templates/real/css/style.css">
<img id="uf_banner1" src="http://rlexpert.ru/templates/real/images/or_banner.jpg" alt="Оценка рыночной стоимости транспортного средства" />
<div class="gray_box">
        <div class="uf_gray_box_inner">
            <div class="gray_box_head_wrapper" id="uf_gray_box_head">
                <span class="gray_box_head">Оценка рыночной стоимости транспортного средства</span>
            </div>
            <p class="or_p">По данным АА «Автостат» каждый четвертый житель имеет автомобиль. Крылатое выражение, заимствованное из шедевра Ильфа и Петрова, стало отражением реальности: машина больше не является роскошью. Сегодня авто – средство передвижения, призванное  облегчить рутинную жизнь человека.</p>
            <p class="or_p">Однако, на каждый плюс, как известно, найдется свой минус. За привычными и будничными тяготами, связанными с эксплуатацией машины, некачественная экспертиза автомобиля с целью определения его стоимости может показаться проблемой несущественной, если не надуманной. На первый взгляд! Ровно до того момента, пока не столкнешься лично. А столкнуться с ней рано или поздно придется всем без исключения.</p>
        </div>
</div>
<div class="gray_box">
        <div class="uf_gray_box_inner">
            <div class="gray_box_head_wrapper" id="uf_gray_box_head">
                <span class="gray_box_head">Когда требуется рыночная оценка имущества?</span>
            </div>
        <ul class="uf_ul or_transparent_calc">
            <li>Кредитование, при котором ТС фигурирует в качестве залога. </li>
            <li>Внесение ТС в уставный капитал. Согласно ФЗ РФ вносимое имущество свыше двадцати тысяч рублей должно проходить оценку у эксперта. </li>
            <li>Оценка для нотариуса с целью высчитывания размера государственной пошлины в  момент  заключения сделки купли-продажи.</li>
            <li>Оформление и принятие наследства, где  требуется точная оценка имущества.</li>
  ...

CSS

body {
    width:940px;
}
.or_ul {
    padding-bottom: 15px;
}
.or_transparent_calc {
    background: url("http://rlexpert.ru/templates/real/images/transponent_calculate.png") 680px 120px no-repeat;
}
.or_ul li {
list-style-type: none;
margin-bottom: 15px;
background: url("http://rlexpert.ru/templates/real/images/arrow_red.png") 7px 0px no-repeat;
padding-left: 35px;
font-size: 13px;
font-weight: bolder;
color: #58585A;
}
.or_p {
    font-size: 13px;
    font-weight: bolder;
    color: #58585A;
    margin-bottom: 15px;
    text-indent: 20px;
}
.or_p:last-child {
    margin-bottom: 25px;
}
.or_calculate_button_cont {
    height: 90px;
    position:relative;
}
#or_calculate_button {
    position: absolute;
    left: 143px;
    top: 30px;
    cursor: pointer;
}