在span标记中更正自动换行

San*_*dra 7 html css validation

我有一个带有内联验证消息的表单.

<span id="EndTimeErrors">
  <label for="EndTime" class="field-validation-error">
      Bitte geben Sie eine gültige Uhrzeit ein, zum Beispiel 8:00 oder 14:34
  </label>
</span>
Run Code Online (Sandbox Code Playgroud)

带有跨度的丑陋包裹

不幸的是,自动换行真的很难看.我可以将验证消息放在div中,以美化消息.结果更好,但并不完美.

<div id="EndTimeErrors">
  <label for="EndTime" class="field-validation-error">
      Bitte geben Sie eine gültige Uhrzeit ein, zum Beispiel 8:00 oder 14:34
  </label>
</div>
Run Code Online (Sandbox Code Playgroud)

使用div

我真正想要的是这样的:

目标样机

您将使用什么CSS代码来实现所需的结果?

小智 11

尝试

white-space: nowrap;
Run Code Online (Sandbox Code Playgroud)