JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Документ без названия</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>

<body>
<div id="container">
  <div id="header"></div>

      <div id="leftcol">
            <div id="leftbar">
            	<dt>Тема дня:</dt>
                  <dd>
                  	  <ul>
                            <li><a href="#">Пушкин Капитанская дочь</a></li>
                            <li><a href="#">Островский Как закалялась сталь</a></li>
                            <li><a href="#">Лермантов Герой нашего времени</a></li>
                            <li><a href="#">Достоевский Идиот</a></li>
                            <li><a href="#">Тургенев Муму</a></li>
                            <li><a href="#">Горький На дне</a></li>
                            <li><a href="#">Чехов Три сестры</a></li>
                            <li><a href="#">Горький Мой университеты</a></li>
                            <li><a href="#">Горький детство</a></li>
                            <li><a href="#">Толстой Л. Н. Золотой ключик</a></li>
                            <li><a href="#">Толстой Л. Н. Филипок</a></li>
                            <li><a href="#">Толстой А. Стихи для детей</a></li>
                            <li><a href="#">Островский Бесприданница</a></li>
                            <li><a href="#">Островский Бедность не порок</a></li>
                            <li><a href="#">Булгаков Мастер и Маргарита</a></li>
                            <li><a href="#">Булгаков Собачье сердце</a></li>
                            <li><a href="#">Носов Живая шляпа</a></li>
                            <li><a href="#">Драгунский Светлячок</a></li>
                    	</ul>
                    </dd>
            </div>
     ...

CSS

@charset "windows-1251";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	width: 100%;
	background: #ffdf8d;
	font: 14px/26px Georgia, "Times New Roman", Times, serif;
}
p {
	margin: 0;
	padding: 0;
}
#links {
	margin: 0;
	padding: 0;
	width: 1200px;
	height: 34px;
}
#container {
	margin: 0 auto;
	padding: 0;
	width: 1200px;
	background: #FFFFFF;
}
#header {
	margin: 0;
	padding: 0;
	height: 141px;
	width: 1200px;
	background: #ffbf40;
}
#leftcol {
	margin: 41px 20px 0 10px;
	padding: 0;
	width: 250px;
	float: left;
	background: #ffdf8d;
	border-radius: 20px;
	border: 2px dashed #ffbf40;
}
#leftcol dt {
	padding: 7px;
	margin: 20px 10px;
	color: #FFFFFF;
	background-color: #ffbf40;
	font: 18px bold Arial, Helvetica, sans-serif;
}
#rightcol {
	margin: 41px 10px;
	padding: 0;
	float: right;
	width: 375px;
	border-radius: 20px;
	background: #ffdf8d;
	border: 2px dashed #ffbf40;
}
#rightcol dt {
	padding: 7px;
	margin: 20px 10px;
	color: #FFFFFF;
	background-color: #ffbf40;
	font: 18px bold Arial, Helvetica, sans-serif;
}
#leftbar ul {
	margin: 0px;
	padding: 0px;
	width: 250px;
	list-style: none;
	font: 14px Arial, Helvetica, sans-serif;
}
#leftbar a {
	display: block;
	margin: 0;
	padding: 5px 10px;
	font-weight: bold;
	border: 1px solid #000;
	text-decoration: none;
}
#cont {
	margin: 50px 385px 0 280px;
	padding: 0;
	background: #FFFFFF;
	width: 510px;
}
#cont p {
	font: 18px/25px "Times New Roman", Times, seri;
	color: #993300;
	text-align: justify;
}
#footer {
	margin: 0;
	padding: 0;
	clear: both;
	width: 1200px;
	height: 90px;
	background: #ff9740;
}
#footer p {
	color: #FFFFFF;
	margin: 0;
	padding: 20px 10px;
	text-align: right;
	font: 12px Arial, Helvetica, sans-serif;
}