<html>
<head>
<title>Проба списка</title>
<style type="text/css">
.actions li{
float: left;
width: 20px;
border: 1px solid #ccc;
}
.actions li:last-child { border-right: none; }
.actions dt, dd{
float: left;
border: 1px solid #ccc;
}
.actions dl:last-child { border-right: none; }
</style>
</head>
<body>
<ul class="actions">
<li class="print-icon">
<a href="#" title="Печать" onclick="window.open(); return false;" rel="nofollow"><img src="printButton.png" alt="Печать" /></a> </li>
<li class="email-icon">
<a href="#" title="E-mail" onclick="window.open(); return false;"><img src="emailButton.png" alt="E-mail" /></a> </li>
<dl class="article-info">
<dt class="article-info-term">Подробности</dt>
<dd class="category-name">
Категория: <a href="/8-featured">Материалы сайта</a> </dd>
<dd class="published">
Опубликовано 20.03.2012 18:54 </dd>
<dd class="createdby">
Автор: Администратор сайта </dd>
<dd class="hits">
Просмотров: 19 </dd>
</dl>
<p>Любой, убочитаемый текст.</p>
</ul>
<ul>
<li>Value 1</li>
<li>Value 2</li>
<li>Value 3</li>
<ul>
</body>
</html>
