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>
 

filomeni

Moderatore
Membro dello Staff
MOD
14 Mag 2006
1.054
6
38
53
Roseto degli Abruzzi (TE)
www.sitiweb.cloud
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
Autore Titolo Forum Risposte Data
felino [Bootstrap] Allineamento verticale HTML e CSS 1
M [HTML] consiglio su label e checkbox riguardo l'allineamento HTML e CSS 3
E [HTML] Allineamento immagine agli angoli inferiori di un div HTML e CSS 12
C [HTML] Stampo contenuto di una variabile in TEXTAREA allineamento HTML e CSS 1
T Bootstrap: allineamento sotto il BADGE HTML e CSS 1
F [HTML] Allineamento in un TD HTML e CSS 2
C Report problema allineamento testo MS Access 0
E Form con campi allineamento HTML e CSS 4
N Griglia immagini allineamento "sfasato" HTML e CSS 3
R Bootstrap Carousel allineamento a sinistra impossibile! HTML e CSS 1
otto9due Allineamento tag <h1> e immagine.. HTML e CSS 2
Creatt Allineamento al centro con paragrafo allineato. HTML e CSS 9
I allineamento immagine WordPress 2
ivarello Allineamento e PHP PHP 3
Y problema allineamento form con internet explorer HTML e CSS 2
M Problemone con allineamento in tabella HTML e CSS 13
P Allineamento campi form HTML e CSS 7
M Allineamento Testo html css, help HTML e CSS 1
V problema allineamento div HTML e CSS 1
J Problema allineamento in base al browser HTML e CSS 1
W Problema di allineamento al TOP HTML e CSS 2
G Allineamento tabella verticale PHP 3
A Wordpress: allineamento logo WordPress 6
B problema allineamento contenuti sito HTML e CSS 1
I allineamento HTML e CSS 5
S Problema Allineamento Sito HTML e CSS 3
N allineamento immagine e testo, padding larghezza e float HTML e CSS 2
Nyl Allineamento immagini con CSS HTML e CSS 1
N allineamento tag xml PHP 0
K Allineamento di un movieclip Flash 2
A Allineamento Layout [Front Page] Webdesign e Grafica 0
J Problemi allineamento tabella e testo HTML e CSS 7
R allineamento con publisher HTML e CSS 0
M Problema Doctype e allineamento HTML e CSS 0
M allineamento linx HTML e CSS 0
P C# Salvare una colonna del DataGridView XML 0
G Valore del campo id maggiore di 9999 MySQL 0
shelbystudio cliente moroso: posso disattivare email e sito in attesa del pagamento? Leggi, Normative e Fisco 3
K Visualizzare del html responsive in una Webview Sviluppo app per Android 0
L Grazie del benvenuto Presentati al Forum 0
L Decisione garante italiano del 23 giugno 2022 - Google Analytics 0
M Memorizzazione temi per le diverse pagine del sito Javascript 1
Sergio Unia Problema con gli eventi del mouse su una data table: Javascript 2
D Visualizzazione pagina basata sul valore di un campo del database PHP 2
Barierta Testo a comparsa con passaggio del mouse Javascript 17
W Elenco dei link del file presenti in una cartella PHP 2
C Dopo chiusura del tag php la stringa html va a capo PHP 1
R Trovare la Tabella del pagamento su WooCommerce WordPress 0
R Barra del menù principale decentrata Joomla 4
L titolo del sito nella pagina di ricerca di google SEO e Posizionamento 2

Discussioni simili