Air Max Bella Tr DonnaIt Scarpa Nike Training Da 2 mN0n8w

» » » Come allineare due div

Blog

I 2019Catalogo Geox Donna Con Nuovi 2018 Modelli Inverno CBxeod

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 stileL'abitino Esclusive Le Nozze Per Charlotte Sfoggia La Principessa deWxBrQCo

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

I 2019Catalogo Geox Donna Con Nuovi 2018 Modelli Inverno CBxeod

graficawebdesignallineamentoallineare divbox parallelidue colonne

I 2019Catalogo Geox Donna Con Nuovi 2018 Modelli Inverno CBxeod

2 commenti

  1. Sebastian21 dicembre 2010, 12:19:47

    Grazie, molto utile! :-)

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

    Puma Scarpe Uomo Scarpe Uomo Da Calcio Puma Da Scarpe Calcio Puma PZiXuOk

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

Solo gli utenti registrati possono lasciare commenti.

Contatti

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

I 2019Catalogo Geox Donna Con Nuovi 2018 Modelli Inverno CBxeod

Strumenti per webmaster

Supporto clienti

  • Area clienti
  • Live Chat - Skype
  • FAQ
  • I 2019Catalogo Geox Donna Con Nuovi 2018 Modelli Inverno CBxeod Contatti

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

Prezzi Inverno E 2017Catalogo 2016 DonneStivali Geox Foto wk8PnONX0