Tvinga text under <img> med CSS
 

Har ett lite udda problem,
jag vill nämligen få texten i en <div> behållare med en bild i att hamna automagiskt under bilden utan några <br /> eller <p> element, alltså i ren CSS. Har provat med clear:both; i img taggen utan att lyckas. Är det möjligt?

CSS:
.app {float:left; text-align:center; margin:20px; padding:5px; width:150px;}
.app img {clear:both;}

HTML:
<div class="app">
<a href="fil"><img src="img/filikon.png" alt="filikon" />Text som skall under bilden!</a>
</div>

testa:

Men f**! Det löste problemet, så enkelt... :)

Jag hade för mig att <img> var blockelement från början och testade därför inte :/

hehe, jo, är oftast det simpla felet bara. :)

img är ett "replaced element" och beter sig i princip som ett inline-element (eller möjligtvis inline-block-element). Det kan vara en bra idé att sätta det till block om man vill ha det så.