comment faire pour afficher l'image sur la gauche et le paragraphe sur la droite, sur la même ligne
Je veux faire inline html style, je veux une image de flotter à gauche et le paragraphe sur le côté droit à côté sur la même ligne, mais je n'obtiens pas le résultat souhaité avec le code ci-dessous:
Mon code est ci-dessous ou consultez un jsFiddle
index.html
<div class="newWrapper">
<div class="person1" style="float:left; display:inline-block; ">
<img src=simonwilliams.jpg width="auto" height"auto" clear:both;/>
<p style="float:right; display:block;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer arcu mauris, ullamcorper et ligula vitae, hendrerit sodales tellus. Maecenas quis pulvinar lacus.</p>
</div>
<div class="person2" style="float:left" display:inline-block;>
<img src=simonwilliams.jpg width="auto" height"auto"/>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer arcu mauris, ullamcorper et ligula vitae, hendrerit sodales tellus. Maecenas quis pulvinar lacus.</p>
</div>
</div>
Vous devez vous connecter pour publier un commentaire.
Ajouter un span et de le rendre
float:left
et également ajouter la durée de la<p>
tag et fairefloat:right
. En même temps si vous voulez le faire pour ci-dessousdiv
vous pouvez faire la même chose.Démo
À propos d'une table et deux TDs?