<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>
06-09-2012, 10:28 AM
rtrethewey
Reduce the width setting for #columns .column to 48% or 49%. When you added a border to the .column <div>s, the space for them is added to the 'width', so the actual horizontal space (width) they occupy is 50% + 2px. The result is that two such <div>s won't fit horizontally in the window: (50% + 2px) * 2 = 100% + 4px
06-12-2012, 01:34 PM
anthoang
you probably will need to add the property:
display: inline;
into your css.
I use this site as a reference every time i need to work with position divs,