Запретить переход на новую строку

222

08 августа 2018, 07:10

Как отменить переход на новую строку после блока div?

 <div class="product-price">
   <p>19.99€</p>
 </div>
 <p>/gab.</p>

Answer 1

Проблема не только в 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>

ТОП-10

Пробовал также вместоhtml использовать

261

Есть код с событием focusin который по мне делает тоже самое что и событие focus, не могу понять в чем разница

249

В прогресс баре динамично набирается процент (анимация)

242

Нашел C# класс, для работы с SQLite3 DBНе могу понять, как сформировать запрос,который получит нужные данные из таблицы DB

315