How to adjust span next to labels?

Question

How to adjust span next to labels?

Navigation

#1 by (0 votes)

0

I'm wondering how to align spans alongside labels as an example:

Mystufflookslikethis:

Belowismyhtml:

<!DOCTYPE html>
<html>

<body>
  <div class="outputs">
    <ul>
      <li>
        <span class="spans">Prog. Degelos</span>
        <label class="labels active">Ativo</label>
      </li>
      <li>
        <span class="spans">Saídas</span>
        <label class="labels active">
        Refrigeração
      </label>
        <label class="labels active">
        Defrost
      </label>
        <label class="labels deactivated">
        Fans
      </label>
      </li>
      <li>
        <span class="spans">SETPOINT</span>
        <label class="labels">-5<sup> °C</sup></label>
      </li>
      <li>
        <span class="spans">DIFERENCIAL</span>
        <label class="labels">3<sup> °C</sup></label>
      </li>
    </ul>
  </div>
</body>

</html>

html css

asked by anonymous 29.05.2017 / 16:38

1 answer

HTML5 - Block Direct Audio Access Null return of a JS object in rails

score 0 · Accepted Answer

By putting a minimum space in the titles you can do the alignment, an example would be to add this css:

.outputs ul li span.spans {
    display: inline-block;
    min-width: 200px;
    text-align: right;
}