il testo sul lato destro e sinistro di un elemento

Utilizzando i CSS qual è il modo migliore per avere il testo sia sul lato destro e il lato sinistro di un elemento e di essere nello stesso posto in verticale?

Finendo così con il seguente layout:
il testo sul lato destro e sinistro di un elemento

Il contenitore ha una larghezza fissa, quindi non ho voglia di posizionamento, perché so che non devo.

 

2 Replies
  1. 19

    (1) Aggiungere due div all’interno dell’elemento che contiene ogni stringa di testo

    <div>
        <div class="div1">Left Text</div>
        <div class="div2">Right Text</div>
    </div>

    (2) Float due tabelle, una accanto all’altra

    .div1 {
        float: left;
    }
    
    .div2 {
        float:right;
    }

    (3) Impostare il text-align proprietà per il diritto div (questo farà sì che il testo è spinto tutta la strada a destra, come nel tuo esempio).

    .div2 {
        float:right;
        text-align: right;
    }
  2. 4

    Si possono posizionare i due elementi all’interno di uno stesso contenitore e trascinarli nella posizione giusta.

    Così si potrebbe avere qualcosa di simile:

    <div class="container">
       <div class="item1">Item 1</div>
       <div class="item2">Item 2</div>
    </div>

    e CSS:

    .container{width:500px;}
    
    .item1, item2{width:200px;}
    .item1{float:left;}
    .item2{float:right;}

    Esempio: http://jsfiddle.net/7Wvhj/1/

    • accertarsi di includere anche text-align: right; in modo che il testo galleggia tutta la strada a destra.

Lascia un commento