Как отменить переход на новую строку после блока div?
<div class="product-price">
<p>19.99€</p>
</div>
<p>/gab.</p>
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуПроблема не только в div
, параграфы тоже блочные:
.product-price,
.product-price > p, /*Параграф внутри div*/
.product-price + p /*Параграф после div*/
{
display: inline-block;
}
<div class="product-price">
<p>19.99€</p>
</div>
<p>/gab.</p>
Вероятно, проще использовать строчные элементы:
.product-price {
display: inline-block;
}
<div class="product-price">
<span>19.99€</span>
</div>
<span>/gab.</span>
.product-price {display: inline-block;}
? – vp_arth 27 июн '18 в 18:49