Поставить другой класс у одного слова

Question

помогите с проблемой. Нужно изменить класс у слова, но так, чтобы вся эта конструкция осталась одним целым предложением без переносов слова на другую строчку.

HTML:

<div class = second_form_text> Привет, <p class = "form_inst">как дела </p> </div>

Answer 1

Можем просто обернуть его в <span></span> и будет так например <div class = second_form_text> Привет, <p class = "form_inst"><span class ="text"> как дела </span> </p> </div> и уже с классом text работать

Answer 2

Для того, чтобы не возникло лишнего "переноса", текст нужно оборачивать в элемент, у которого в стилях установлено

display: inline

либо

display: inline-block

По-умолчанию, такие настройки есть у элемента span

<div class=s econd_form_text> Привет, <span class="form_inst">как дела  </span> </div>

Также можно самостоятельно установить это свойство

.form_inst {
  display: inline;
}

<div class="second_form_text"> Привет,
  <p class="form_inst">как дела </p>
</div>
<div class="second_form_text"> Привет,
  <p>как дела </p>
</div>

БЛОГ НА HUSL

Поставить другой класс у одного слова

Ответы (2 шт):