Выравнивание элементов с помощью начальной загрузки

Darrel Holt спросил: 13 октября 2017 в 06:09 в: html

Я хотел бы, чтобы в разметке ниже отображалась строка "Пример формата", выровненная по текстовым меткам следующих полей ввода, как показано на снимке экрана ниже. Это в настоящее время ведет себя так, как будто это правильно. Поскольку я использую AngularJS с Bootstrap, я не хочу использовать такие вещи, как статическая ширина, так как мне изменить это, чтобы оно было более динамичным?

<link href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"/>
<fieldset style="display:inline-block">

  <div style="float:left">
    <legend>Copy</legend>
    <div style="float:right">
      <u>Format Example</u>
    </div>
    <br/>
    <br/>
    <div>
      <input type="text" /> Format Unknown
    </div>
    <br/>
    <div>
      <input type="text" /> X.X.X
    </div>
    <br/>
    <div>
      <input type="text" /> YYYYMMDD-HHMM
    </div>
    <br/>
    <div>
      <input type="text" /> X.X-SNAPSHOT
    </div>
    <br/>
    <div>
      <input type="text" /> YYYY-MM-DD HH:MM:SS
    </div>
  </div>
</fieldset>

0 ответов