Comment espacer deux éléments horizontaux

pedro5900 Messages postés 1 Date d'inscription   Statut Membre Dernière intervention   -  
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 !

1 réponse

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