Estou com dúvida como alinhar um texto dentro do span conforme exemplo:
Esse é o meu html
Preciso deixar ele assim, texto da esquerda alinhado a direita e texto da esquerda alinhado na direita, conforme exemplo:
html:
<div className="viewInstrument-output">
<div className="outputs">
<div>
<span className="viewInstrument-output-title viewInstrument-font">PROG. DEGELOS</span>
</div>
<div>
<label className="viewInstrument-output-status-activated viewInstrument-output-status">Ativo</label>
</div>
</div>
<div className="outputs">
<div>
<span className="viewInstrument-output-title viewInstrument-font">SAÍDAS</span>
</div>
<div>
<label className="viewInstrument-output-status-activated viewInstrument-output-status">Refrigeração</label>
<label className="viewInstrument-output-status-activated viewInstrument-output-status">Defrost</label>
<label className="viewInstrument-output-status-deactivated viewInstrument-output-status">Fans</label>
</div>
</div>
<div className="outputs">
<div>
<span className="viewInstrument-output-title viewInstrument-font">TEMP. DE CONTROLE</span>
</div>
<div>
<label>-5.0<sup>°c</sup></label>
</div>
</div>
<div className="outputs">
<div>
<span className="viewInstrument-output-title viewInstrument-font">DIFERENCIAL</span>
</div>
<div>
<label>3.0<sup>°c</sup></label>
</div>
</div>
</div>