allineamento del testo in vari div

edmond_dantes

Nuovo Utente
20 Gen 2015
1
0
0
ciao ragazzi,

ho un problema nella gestione del testo all'interno di 4 div.
Ho fatto in modo si affiancare 4 div all'interno del body ma, provando a scrivere del testo all'interno di ciascuno di essi,ho notato che i blocchi si allineano verticalmente in modo che l'ultima riga di testo di ogni blocco fosse allo stesso livello. Io vorrei invece che i blocchi siano allineati in modo che abbiano tutti lo stesso margine alto,che stabilisco io.

Come posso fare?
vi posto il codice:
Codice:
<html>
  <head>
    <title>menù2</title>
    <style>



      body{text-align:center;}


  
      

      
      .box2{
           width:23%;
           margin-top:1.5px;margin-left:1px;
           font-family: arial;font-size:x-large;
           display:inline-block;
           text-align:initial;
           border:thin solid black;
           }
      </style>

    </head>
    <body>
  
          

        <div class="box2">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta s</div>
        <div class="box2">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsa</div>
        <div class="box2">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt exp</div>
        <div class="box2">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem</div>

    </body>
</html>
 
Ciao,
normale se assegni un'unica classe (class="box2")...
per ogni div devi assegnare un id, lascia stare la casse e gestisci con id
Codice:
<div id="box1">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta s</div>
        <div id="box2">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsa</div>
        <div id="box3">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt exp</div>
        <div id="box4">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem</div>
ovviamente assegni ad ogni id il suo stile che si differenzia dagli altri solo per la posizione (top / left)
 

Discussioni simili