Hi,
I am trying to create a little info box which contains a photo in
the upper right hand corner.
There is some text which I want to wrap-around the photo with a margin of 10px.
This is the code I have, but it’s not quite working.
The photo is under the text and sticking out of the rounded box.
My code:
CSS
.adv {
text-align:left;
position:relative;
}
.rightjst_adv {
position:absolute;
float:right;
text-align:right;
margin: 20px 0px 20px 20px;
}
.adv img{
width:150px;
height:150px;
border:1px solid darkblue;
padding:2px;
margin:5px;
}
HTML
<div class="adv">
This is some text about a really great produce - its the best in the world and we are very very proud of it. This is some text about a really great produce - its the best in the world and we are very
<span class="rightjst_adv"><img title="keyword1" alt="keyword2" src="http://www.simpg.net/images/vil_salon_01_sm.jpg">/span></div>
The Result:
And my live site:
http://villarentfethiye.simpg.net
The problem area is under:
“Helpful Offers
(Just for You)”
Any suggestions ?
Thanks.
.