Популярные теги
HTML
<body>
<div class="teg">
<header><img class="seo" src="http://www.coolwebmasters.com/templates/coolwebmasters-2014/images/dlet-sbicon5.gif"><img class="down" src="http://www.coolwebmasters.com/templates/coolwebmasters-2014/images/dlet-sbspan.gif"><span>Популярные тэги (метки)a</span></header>
<a href="#" title="Найдено публикаций: 38">3D</a> <a href="#" title="Найдено публикаций: 42">Adobe Illustrator</a> <a href="#" title="Найдено публикаций: 39">ajax</a> <a href="#" title="Найдено публикаций: 46">Android</a> <a href="#" title="Найдено публикаций: 498">CSS</a> <a href="#" title="Найдено публикаций: 53">Facebook</a> <a href="#" title="Найдено публикаций: 57">Flash</a> <a href="#" title="Найдено публикаций: 34">Google Plus</a> <a href="#" title="Найдено публикаций: 157">HTML 5</a> <a href="#" title="Найдено публикаций: 58">iPad</a> <a href="#" title="Найдено публикаций: 88">iPhone</a> <a href="#" title="Найдено публикаций: 344">javascript</a> <a href="#" title="Найдено публикаций: 481">jQuery</a> <a href="#" title="Найдено публикаций: 35">Mac</a> <a href="#">MySQL</a> <a href="#" title="Найдено публикаций: 117">Open Source</a> <a href="#" title="Найдено публикаций: 602">Photoshop</a> <a href="#" title="Найдено публикаций: 125">PHP</a> <a href="#" title="Найдено публикаций: 82">SEO</a> <a href="#" title="Найдено публикаций: 178">Template Monster</a> <a href="#" title="Найдено публикаций: 55">Twitter</a> <a href="#" title="Найдено публикаций: 162">Wordpress</a> <a href="#" title="Найдено публикаций: 35">автомобили</a> <a href="#" title="Найдено публикаций: 170">адаптивный дизайн</a> <a href="#" title="Найдено публикаций: 37">аналитика</a> <a href="#" title="Найдено публикаций: 344">веб-дизайн</a> <a href="#" title="Найдено публикаций: 118">векторная графика</a> <a href="#" title="Найдено публикаций: 75">визитки</a> <a href="#" title="Найдено публикаций: 70">визитная карточка</a> <a href="#" title="Найдено публикаций: 52">визуализация</a> <a href="#" title="Найдено...
CSS
@import 'https://fonts.googleapis.com/css?family=PT+Sans+Narrow';
body {background-color:white; font-family: 'PT Sans Narrow', sans-serif;}
.teg {display:block; width:500px; margin:30px auto; position:relative; background-color:red; padding:10px; text-align:justify; border-right:30px solid #2E2E2E;}
header {background-color:#484848; height:50px; color:white; text-transform:uppercase; font-size:22px; margin-bottom:10px; }
header span{margin-left:30px; line-height:50px;}
a:not([class]) {display:inline-block; background-color:red; border:1px solid #CCC; border-radius:3px; padding:0px 5px; margin:2px auto; color:red; text-decoration:none; font-size:14px;}
a:hover {text-decoration:underline;}
.more {color:red; text-decoration:none;}
.seo {float:left;}
.down {float:right;}