GUJ Discussões   :   últimos tópicos   |   categorias   |   GUJ Respostas

[RESOLVIDO] Alinhar span a direita dentro da div

html
css
Tags: #<Tag:0x00007efdafca5130> #<Tag:0x00007efdafca4eb0>

#1

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>