JSFiddle - React, Tailwind, and code Playground

by Cone

HTML

<script src="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700|Cuprum:400,700&amp;subset=latin,cyrillic-ext"></script>
 <ul class="shedule">
        <li>
            <div class="day">Понедельник </div>
            <div class="time">7:00 - 23:00</div>
        </li>
        <li>
            <div class="day">Вторник</div>
            <div class="time">7:00 - 23:00</div>
        </li>
        <li>
            <div class="day">Среда</div>
            <div class="time">7:00 - 23:00</div>
        </li>
        <li>
            <div class="day">Четверг</div>
            <div class="time">7:00 - 23:00</div>
        </li>
        <li>
            <div class="day">Пятница</div>
            <div class="time">7:00 - 23:00</div>
        </li>
         <li>
            <div class="day">Суббота</div>
            <div class="time">7:30 - 23:00</div>
        </li>
          <li>
            <div class="day">Воскресенье</div>
            <div class="time">ВЫХОДНОЙ</div>
        </li>
    </ul>

CSS

* {
    padding:0;
    margin:0;
    outline:none;
}
body {
    background:silver;
    font-family:'Cuprum', sans-serif;
    font-size:62.5%;
}

/* shedule  */
 ul.shedule {
    padding:5px;
	background:#fff;
    font-size:120%;
    float:left;
    border:1px solid #eee;
    list-style:none;
    display:table;
    width:219px;
    color:white;
    zoom:1;
}
ul.shedule li {
    float:left;
    clear:both;
    position:relative;
    margin-bottom:2px;
}
.shedule .day {
    text-transform:uppercase;
    float:left;
    border-right:2px solid #fff;
    width:122px;
    padding:10px;
    background:#a6ce2c;
}
.shedule .time {
    float:left;
    text-align:center;
    width:75px;
    padding:10px 0;
    background:#333;
}