Как улучшить этот стиль?

Question

Я пытаюсь встроить свой собственный код (блок) в конструктор целевой страницы, и у меня есть 2 вопроса?

1. Как улучшить стилизацию, чтобы она не разбивала слова (отмечены с красным)

2. Как сделать, чтобы эта вторая строка текста имела то же поле слева, что и строка выше (отмечена желтым цветом).

Вот как это выглядит сейчас:

Буду очень признателен за подробные инструкции.

Answer 1

В качестве первого вопроса вы можете использовать пробел в css. Например:

<style>
.mytagWithoutWordBreaking {
    white-space: nowrap
}
</style>
<!--- Other head content -->
<div class="mytagWithoutWordBreaking">Hi!</div>

Вы можете использовать, возможно, второй элемент div или p, чтобы убедиться, что он будет отображать inline-block. Пример:

<div class="wrapper">
<p style="display:inline-block">First line</p>
<p style="display:inline-block">Second line/p>
</div>

Я надеюсь, что это решило вашу проблему.

Редактировать

Для получения дополнительной информации о пробелах в css проверьте эту страницу: https://www.w3schools.com/cssref/pr_text_white-space.asp

И о встроенном блоке в css: https://www.w3schools.com/cssref/tryit.asp?filename=trycss_display