Делаю по примеру, возникла небольшая проблема. Текст из-за малого количества символов переносится под картинку, хотя должен быть справа(ошибся в названии темы). Что не так делаю?
<div class="post">
<img src="img/img2.jpg" alt="">
<h3>Доставка</h3>
<p class="date">31.12.2016</p>
<p>Отправим ваш товар в любую точку России и зарубежья </p>
</div>
не использовать padding-top: 30px; без необходимости. Скорее всего того же самого эффекта можно добиться добавив margin-bottom у предыдущего элемента. Следуя такой практике, ты сможешь использовать свой элемент где угодно, не беспокоясь за двойной отступ сверху.
Не писать
.blog
при учете того, что в примере не используется этот класс.
.blog .post {
padding-top: 30px;
display: block;
width: {посмотри размер картики} + {30px от правого отступа от картинки} + {200px место для текста}
}
12.06.2018, 10:08
Suhoy
h2 ипользуется в класссе .blog, но к данном примеру отношения не имеет, мой косяк.
Насчет padding-top запомнил, спасибо)
С display: block сам допер, но возникла такая проблема: если дать тексту всего 200px, то выглядит это не совсем красиво, а если увеличить до 500, например, то следующий пост съезжает и получается лесенка: