[CSS] Image dans un Div -> problème de hauteur
Bonjour,
J'ai un div tout simple avec une hauteur de 100% (height:100%). Lorsque j'y intègre une image, si celle-ci est grande le div s'agrandit.
Mais j'ai lu une astuce pour avoir une image et du texte autour, il suffit de mettre align='left' dans la balise <img> puis le texte et l'image dans une balise <p> et le texte entoure joliment l'image, mais, oh surprise, le div ne se redimensionnen plus.
Si j'enlève le align='left' le texte est en dessous de l'image mais le div est à la bonne dimension.
Comment faire pour :
- Avoir du texte autour/a coté de l'image (mais pas soit en haut soit en bas)
- Un div qui s'agrandit malgré une image importante.
Voici mon code actuel (si jl'enlève lle align='left' le div est juste mais pas le texte) :
Code:
1 2 3 4 5 6
|
<div style='height:100%'>
<p style='text-align:left'>
<img style='margin:10px' align='left' src='iimage.jpg"'>voici le texte blablablablabla
</p>
</div> |
Merci de votre aide.