Comment espacer deux éléments horizontaux

pedro5900 Messages postés 1 Statut Membre -  
benji69340 Messages postés 35 Statut Membre -
Bonjour,

J'essaye actuellement de rénover le site d'une association.
J'utilise pour ce faire wordpresse.

Je bute néanmoins sur un problème esthétique qui est le suivant :
Je souhaiterai que l'image et le texte soient alignés horizontalement.
J'ai donc mis l'image en float: left.

Mais le texte se colle à la droite de l'image.
J'aimerais pouvoir le décoller, histoire qu'il y ai une séparation entre les deux.

voici le code :

<style>
.img1
{
float: left;
}
</style>

<h2>Présentation</h2>

<p>
<img src=http://wp-content/uploads/2012/09/troupe3000.jpg class="img1" alt="enfants soldats"/>
On estime aujourd'hui à plus de 300.000 le nombre d'enfants de moins de 16 ans - dont 120.000 en Afrique - recrutés de force ou volontaires, dès l'âge de 7 ans, et servant à travers le monde comme soldats dans les conflits armés. En Asie, en Afrique, en Amérique Latine et même aux portes de l'Europe, le phénomène a pris de l'ampleur ces dernières années.
</p>

J'ai essayer de dissocier les deux éléments et de les travailler un peu, mais cela est un peu chaotique.

D'avance merci !
A voir également:

1 réponse

benji69340 Messages postés 35 Statut Membre 1
 
Regarde la propriété suivante :
img{
vertical-align:middle;
}
0