We would like to know how to display: table;.
<!DOCTYPE html>
<html>
<head>
<style type='text/css'>
#texte {<!--from w w w. j a va 2 s. com-->
width: 100%;
display: table;
border-spacing: 10px;
}
#texte h3 {
color: #8B4869;
}
#texte p {
font-style: italic;
clear: right;
}
#texte>div {
width: 30%;
display: table-cell;
border: 1px solid black;
vertical-align: top;
}
#texte>div>img, #texte>div>p {
width: 90%;
margin: auto;
display: block;
}
</style>
</head>
<body>
<div id="texte">
<div>
<h3>Tineret</h3>
<p>- Sprijinirea tinerilor fara posibilitati materiale, cu
potential in orice domeniu in vederea perfectionarii profesionale,
prin orice mijloace care sa le asigure aprofundarea studiilor;</p>
<p>- Dezvoltarea unor programe de training pentru pregatirea
voluntarilor;</p>
<p>- Organizarea de cursuri si conferinte pe latura dezvoltarii
personale, educatie pro-activa si cresterea implicarii la nivelul
societatii civile;</p>
<p>- Informarea si promovarea cu privire la valorile, politicile
si programele pentru tineret elaborate si angajate la nivel
European.</p>
</div>
<div>
<h3>Persoane varstnice</h3>
<p>- Organizarea unui amplasament care sa asigure pe termen lung
cazare, masa, asistenta medicala si psiho-sociala persoanelor in
personalizat de ingrijire si suport de orice natura;</p>
<p>- Reprezentarea intereselor si apararea drepturilor populatiei
varstnice;</p>
<p>- Editarea de publicatii care sa prezinte problemele
populatiei varstnice, dar si realizarile acestora;</p>
<p>- Acordarea de sprijin financiar bolnavilor in vederea
sprijinirea dializei de vacanta la pacientii HD (cazare, transport
etc.), inclusiv pentru membrii fundatiei;</p>
</div>
<div>
<h3>Diverse</h3>
<p>- Sprijinirea minoritatilor etnice;</p>
<p>- Sprijinirea in orice mod a spitalelor, cabinetelor medicale
de stat sau particulare.</p>
<p>- Organizarea de expozitii permanente, temporare sau
itinerante cu obiectele aflate n colectiile din patrimoniul
fundatiei</p>
</div>
</div>
</body>
</html>
The code above is rendered as follows: