Allineare colonne testo

**raygold** · 23-04-2011, 14:38

Vorrei sapere quale codice html dovrei inserire per allineare orizzontalmente più colonne di testo (5 circa) ad una distanza costante.

**ricman** · 26-04-2011, 11:06

Spunto...

codice:

HTML
<p class="1">test testo</p>
<p class="2">test testo</p>
<p class="3">test testo</p>
<p class="4">test testo</p>
<p class="5">test testo</p>

CSS
.1, .2, .3, .4, .5 {display:block; width:100px; height: 300px; float:left; margin:5px;}

**raygold** · 26-04-2011, 16:59

Ho provato il tuo codice,eccolo di seguito ma non funziona.
Le colonne di testo si allineano verticalmente

codice:

<html>
<head>
<title>example</title>
<script type="text/javascript">

</script>
<style type="text/css">

.1, .2, .3, .4, .5 {display:block; width:100px; height: 300px; float:left; margin:5px;}

</style>
</head>
<body>
<p class="1">test testo</p>
<p class="2">test testo</p>
<p class="3">test testo</p>
<p class="4">test testo</p>
<p class="5">test testo</p>
</body>
</html>

Qualche suggerimento?

**Myaku** · 26-04-2011, 18:28

prova a inserire un doctype (a meno che il codice che hai postato non è solo una parte), e a non far iniziare l'id o la classe con un numero.

**raygold** · 26-04-2011, 19:21

RISOLTO
Grazie mille

**ricman** · 27-04-2011, 10:23

Originariamente inviato da Myaku
a non far iniziare l'id o la classe con un numero.

mea culpa ... avevo fretta...

Discussione: Allineare colonne testo

Strumenti discussione

Ricerca discussione

Visualizza

Allineare colonne testo

Permessi di invio