How to Make Text Stay Inside Div?
On this site, this text "Dog sitting allows your dog to stay at home in a relaxed and familiar environment while you're away." is supposed to be higher, next to the photo.
开发者_如何学运维Any idea how to get the text to be up next to the image where it's supposed to be?
CSS:
#top {
height:400px;
width:1024px;
}
#textright {
float:right;
clear:both;
width:300px;
}
Thank you,
Tara
Remove the 16px margin as follows:
div#textright>p:first-child
{
margin-top: 0;
}
Add float:left
to the dog image
and add clear:both;
to ul#list-nav
It's happening because it's floating, and the dog picture doesn't leave any room for it.
If you add float:left
to the dog picture, remove the width:390px;
from #textright, and add clear:both
or float:left
to the UL, it works nice.
精彩评论