Разрыв текста, когда я не хочу, когда вставить еще <div>внутрь <div>

Question

Я создаю свой собственный веб-сайт, и когда я вставляю div внутри другого div, разрыв строки. Как мне это исправить?

    .subt {
    font-size: 21.75px;
    font-weight: bold;
    font-style: italic;
    }
    .norm {
    font-size: 19.5px;
    word-wrap: break-word;
    }
    .god {
    font-style: italic;
    }

    
    3 Ent Jous dit alors: « Que la loumin soiz!

» Ent la loumin fut

Answer 1

Вам необходимо установить display:inline-block; или display:inline; для вашего класса .god.

.god {
font-style: italic;
display:inline-block;
}

.subt {
font-size: 21.75px;
font-weight: bold;
font-style: italic;
}
.norm {
font-size: 19.5px;
word-wrap: break-word;
}
.god {
font-style: italic;
display:inline-block;
}

 




3 Ent Jous dit alors: « Que la loumin soiz!

» Ent la loumin fut

Answer 2

Вы можете использовать span вместо div. Или установите div в display:inline

.normal > div {
  display:inline;
}

В вашем стиле есть опечатка, вы используете .norm вместо .normal

Answer 3

Это потому, что по умолчанию элемент div имеет стиль display: block.

Вместо этого вы хотите использовать <span> для сохранения потока текста.