Есть такой код:
<div class="row">
<div class="col-4">
<form asp-action="Login" asp-controller="Account" asp-anti-forgery="true">
<div class="validation" asp-validation-summary="ModelOnly"></div>
<div class="input-group">
<div class="input-group-prepend">
<span class="input-group-text" id="basic-addon1">E-mail</span>
</div>
<input class="form-control" type="text" asp-for="Email" />
<span asp-validation-for="Email" />
</div>
<div class="input-group">
<div class="input-group-prepend">
<span id="basic-addon1" class="input-group-text">Пароль</span>
</div>
<input class="form-control" asp-for="Password" />
<span asp-validation-for="Password" />
</div>
<div class="form-group">
<input type="submit" value="Войти" class="btn" />
</div>
</form>
</div>
<div class="flex-row ml-auto"><img style="width:35rem;" src="~/images/soldier.png" /></div>
</div>
Получается сначала все нормально:
Но если вдруг срабатывает validation.js, то получается это:
Хочу перенести предупреждение вниз, но не понимаю, какие свойства использовать. Пробовал следующее:
display:block, flex, inline-block
white-space:normal
Но не помогает
<br>
?