Hi there. Im having trouble with positioning a div box.

I need to have both of them horizontally aligned NOT on top of each other.

Please help! i cant find the solution anywhere.


<html>
<head>
<title>home</title>
<style type="text/css">
#columns {
width:500px;

}

#columns .column

position:relative;
width:50%;
padding:10%;
border:solid 1px #000;


#columns .left {
float: left;
}

#columns .right{
float: right;
}
</style>
</head>


<body>

<div id="columns" style="display:block;">
<div class="left column" style="background-color:#336699; padding:25px;">
<p> Quando uma família chega na Inglaterra, geralmente esta a procura de uma vida melhor ou talvez, para estudar inglês.
As razoes são varias. O começo em uma nova terra e dificil.
Sem familiares, nova cultura, nova língua, e muitas vezes sem informações praticas para o dia a dia.

Nosso objetivo e ajudar Comunidade de Expressão Portuguesa em Swindon. Com suporte social, saúde, educação vocacional,
leis imigratórias e outras informações praticas.</p></div><br />



<div class="right column" style="background-color:#336699; padding:25px;">E uma comunidade organizacional
sem fins lucrativos dependendo exclusivamente de voluntários.
Todos os profissionais são pessoas que desejam ajudar.
Alguns irão dedicar poucos minutos, outros horas, existira também aqueles que irão doar dias ou semanas.

Agora se você precisa de informações de advogados, médicos, contadores e etc, acesse </p></div><br /><br /><br />

</div>






<a href="homeen.html">English/Inglês</a>



</body>
</html>