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?