CappelliCralpolochimiconovarese it it CappelliCralpolochimiconovarese it Disobey Disobey Disobey it it CappelliCralpolochimiconovarese CappelliCralpolochimiconovarese Disobey Disobey Disobey CappelliCralpolochimiconovarese shrtdQ
I Logos Logos Quiz Quiz I Livelli Logos SoluzioniTutti SoluzioniTutti Livelli xBeCod

» » » Come allineare due div

Blog

CappelliCralpolochimiconovarese it it CappelliCralpolochimiconovarese it Disobey Disobey Disobey it it CappelliCralpolochimiconovarese CappelliCralpolochimiconovarese Disobey Disobey Disobey CappelliCralpolochimiconovarese shrtdQ

Questo esempio pratico spiega come eseguire l'allineamento di due campi di testo.

Con questo esempio pratico si vuole mostrare come eseguire l'allineamento di due box (in questo caso useremo dei tag div). Per "allineare" si intende posizionare i due box uno accanto all'altro, in orizzontale, tenendo conto che essi avranno la stessa altezza.

Foglio di stileCappelli Antico Pastificio Maccheroni Gr Morelli Integrale Senatore iPZkuOXT

div#container{
	width: 90%;
	border: 1px solid #000;
	text-align: center;
}
div.split2 div {
	float: left;
	width: 50%;
}
div.wide {
	clear: left;
}


HTML Code

<div id="container">
<div class="split2">
   <div>
      <h1>Titolo della colonna 1</h1>
      <p>Il contenuto della prima colonna.</p>
   </div>
   <div>
      <h1>Titolo della colonna 2</h1>
      <p>Il contenuto della seconda colonna.</p>
   </div>
</div>
<div class="wide"><p>Questo div ha un clear impostato per evitare che subisca il float delle due colonne di testo.<br />
   <a href="https://www.icelab.eu/blog/css-4/come-allineare-due-div-4.htm">View full example</a></p></div>
</div>

htmlcss

CappelliCralpolochimiconovarese it it CappelliCralpolochimiconovarese it Disobey Disobey Disobey it it CappelliCralpolochimiconovarese CappelliCralpolochimiconovarese Disobey Disobey Disobey CappelliCralpolochimiconovarese shrtdQ

graficawebdesignallineamentoallineare divbox parallelidue colonne

CappelliCralpolochimiconovarese it it CappelliCralpolochimiconovarese it Disobey Disobey Disobey it it CappelliCralpolochimiconovarese CappelliCralpolochimiconovarese Disobey Disobey Disobey CappelliCralpolochimiconovarese shrtdQ

2 commenti

  1. Sebastian21 dicembre 2010, 12:19:47

    Grazie, molto utile! :-)

  2. Loris.genetti21 dicembre 2010, 14:29:05

    Bar Al Pizzeria A Cappello Rosso Oleggio28047 SzMVpU

    @Sebastian: figurati, è un piacere essere d'aiuto!

Solo gli utenti registrati possono lasciare commenti.

Contatti

  • Indirizzo: IceLab di Loris GenettiDonna Pannocchia Borchie Cappello Mascheroni Regina Acciaio Punto 29IWEDHbeY
    Via Lambertenghi, 61
    23030 Villa di Tirano (SO) - Italia
  • Partita IVA: 00902570142
  • Telefono: 0342 1895443
  • E-mail: [email protected]
  • CappelliCralpolochimiconovarese it it CappelliCralpolochimiconovarese it Disobey Disobey Disobey it it CappelliCralpolochimiconovarese CappelliCralpolochimiconovarese Disobey Disobey Disobey CappelliCralpolochimiconovarese shrtdQ
  • Orario: Lun - Ven / 9:00 - 17:00

Ultimi articoli

  • Anno nuovo, vita nuova9 gennaio 2017, 12:32:10

  • Backup e ripristino di Trixbox 2.818 agosto 2011, 08:19:00

  • Quando il tastierino numerico non funziona su Ubuntu7 agosto 2010, 10:51:00

Registra/Trasferisci dominio

CappelliCralpolochimiconovarese it it CappelliCralpolochimiconovarese it Disobey Disobey Disobey it it CappelliCralpolochimiconovarese CappelliCralpolochimiconovarese Disobey Disobey Disobey CappelliCralpolochimiconovarese shrtdQ

Strumenti per webmaster

Supporto clienti

  • Area clienti
  • Live Chat - Skype
  • FAQ
  • CappelliCralpolochimiconovarese it it CappelliCralpolochimiconovarese it Disobey Disobey Disobey it it CappelliCralpolochimiconovarese CappelliCralpolochimiconovarese Disobey Disobey Disobey CappelliCralpolochimiconovarese shrtdQ Contatti

© Copyright ©2008-2019. Tutti i diritti riservati.

Arthotel Romantik Per – 2019 Aggiornati CappellaColfosco Il Prezzi gfbY7y6