Шаблон анализа

by Vladimir

HTML

<div class="analisys-top">
    Анализ картинок
</div>
<div class="analisys-middle">
    <ul>
        <li>картинок очень много</li>
        <li>картинки очень большие</li>
    </ul>
</div>
<div class="analisys-bottom">
    <h1>Рекомендации</h1>
    <ul>
        <li>сделать меньше картинок</li>
        <li>сделать картинки меньше</li>
    </ul>
</div>

CSS

.analisys-top {
    background: #F00; /* красный */
    color: #FFF; /* белый */
    overflow: hidden;
    text-align: center;
    padding: 20px;
    font-size: 20px;
    line-height: 20px;
}
.analisys-middle {
    color: #000; /* черный */
    border-bottom: 1px solid #000;
}
.analisys-bottom {
    
}