JSFiddle - React, Tailwind, and code Playground
HTML
<!doctype html>
<html>
<head>
<meta charset="windows-1251">
<title>Тест</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="center">
<div class="content">
<p class="blue">Фотография 1 из 36</p>
<img alt="Собака" width="710" src="http://s1.hostingkartinok.com/uploads/images/2012/05/fd11e4a9eb574a0e7193e2ef3a99d7e5.png">
<div class="comment">
<div style="width:400px; border-right:#CCC 1px solid; height:200px; float:left">
<p style="margin:0">Такой милый...)</p>
<p style="font-size:11px; color:grey;">Добавлена 7 ноября 2011</p>
<hr style="color:#ccc; width:370px; float:left; margin:0 0;">
</div>
<div style="width:134px; float:left; padding-left:15px;">
<p style="margin:0;font-size:11px; color:grey;">Альбом:</p>
<a style="font-size:11px; text-decoration:none" href="">Мое))</a>
</div>
</div>
</div>
</div>
</body>
</html>
CSS
@charset "windows-1251";
/* CSS Document */
body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background:#4D4D4D;
}
.center {
width:740px;
margin:25px auto;
background-color:#fff;
}
.content {
padding:5px 15px;
}
.blue {
font-weight:bold;
color:#039;
}
.grey {
color:grey;
font-size:11px;
}
.comment {
margin:30px auto;
width:550px;
height:200px;
}