Html перенос на новую строку: Тег HTML перенос строки, разделитель строк HTML5

html — Перенос span на другую строку

Есть такой код:

<div>
    <div>
        <form asp-action="Login" asp-controller="Account" asp-anti-forgery="true">
            <div asp-validation-summary="ModelOnly"></div>
            <div>
                <div>
                    <span>E-mail</span>
                </div>
                <input type="text" asp-for="Email" />
                <span asp-validation-for="Email" />
            </div>
            <div>
                <div>
                    <span>Пароль</span>
                </div>
                <input asp-for="Password" />
                <span asp-validation-for="Password" />
            </div>
            <div>
                <input type="submit" value="Войти" />
            </div>
        </form>
    </div>
    <div><img src="~/images/soldier.png" /></div>
</div> 

Получается сначала все нормально:

Но если вдруг срабатывает validation. js, то получается это:

Хочу перенести предупреждение вниз, но не понимаю, какие свойства использовать. Пробовал следующее:

display:block, flex, inline-block white-space:normal Но не помогает

• html
• css

2

Если я правильно понял, span можно задать как display: block и не оборачивать дивом. Плюс я так понимаю это bootstrap4, использую редко но возможно input-group это флекс контейнер и потому для span нужно прописать:

input-group {
   flex-wrap: wrap;
}

span {
    flex: 0 0 auto;
    width: 100%;
}

Попробовал поместить span после , что так же, как и все остальное не помогло, но если его поместить в еще один div, то все работает.

    <div>
                    <div>
                        <span>E-mail</span>
                    </div>
                    <input type="text" asp-for="Email" />
                </div>
                <div>
                    <span asp-validation-for="Email" />
                </div>

Поторопился с вопросом, все-таки был близок к ответу, прошу прощения. Если есть альтернативные решения, которые еще лучше, я буду благодарен

<div>
  <div>
    <span>E-mail</span>
  </div>
  <input type="text" asp-for="Email" />
</div>
<div asp-validation-for="Email"></div>

Зарегистрируйтесь или войдите

Регистрация через Google

Регистрация через Facebook

Регистрация через почту

Отправить без регистрации

Почта

Необходима, но никому не показывается

Отправить без регистрации

Почта

Необходима, но никому не показывается

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

⮓ — Переход на новую строку (направо): U+2B93

U+2B93

Нажмите, чтобы скопировать и вставить символ

Техническая информация

Название в Юникоде	Newline Right
Номер в Юникоде	U+2B93
HTML-код	⮓
CSS-код	\2B93
Раздел	Разные символы и стрелки
Версия Юникода:	7. 0 (2014)

Значение символа

Переход на новую строку (направо). Разные символы и стрелки.

Символ «Переход на новую строку (направо)» был утвержден как часть Юникода версии 7.0 в 2014 г.

Свойства

Версия	7.0
Блок	Разные символы и стрелки
Тип парной зеркальной скобки (bidi)	Нет
Композиционное исключение	Нет
Изменение регистра	2B93
Простое изменение регистра	2B93

Кодировка

Кодировка	hex	dec (bytes)	dec	binary
UTF-8	E2 AE 93	226 174 147	14855827	11100010 10101110 10010011
UTF-16BE	2B 93	43 147	11155	00101011 10010011
UTF-16LE	93 2B	147 43	37675	10010011 00101011
UTF-32BE	00 00 2B 93	0 0 43 147	11155	00000000 00000000 00101011 10010011
UTF-32LE	93 2B 00 00	147 43 0 0	2469068800	10010011 00101011 00000000 00000000

html — текст абзаца не переносится на следующую строку

Задай вопрос

спросил 4 года 3 месяца назад

Изменено 4 года, 3 месяца назад

Просмотрено 6к раз

Я пытаюсь создать текст, который будет переноситься на следующую строку при переполнении. В настоящее время, когда он переполняется, он создает совершенно новую строку и помещает текст в эту строку. Я хотел бы, чтобы текст заполнял первую строку, а затем переносился на новую строку.

Код:

 <дел>
    
[100 байт] Сценарий ввода:
    <р>
        <диапазон>
            034840082CFABE6D6DFF54D028353549F5600B28A1757828F1B0E9ECCC0322435BA6D8CA1D76442A6A08000000F09F909F00144D696E65642062792072656E6A69616E66656E670000000000000000000000000000000000000000000000000000000000
         
    

 span {
  слово-разрыв: разбить все;
} 

 <дел>
  
[100 байт] Сценарий ввода:
  <р>
    <диапазон>
            034840082CFABE6D6DFF54D028353549F5600B28A1757828F1B0E9ECCC0322435BA6D8CA1D76442A6A08000000F09F909F00144D696E65642062792072656E6A69616E66656E670000000000000000000000000000000000000000000000000000000000