开发者

How to Make Text Stay Inside Div?

开发者 https://www.devze.com 2023-03-11 15:29 出处:网络
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. 开发者_如何学运维

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.

0

精彩评论

暂无评论...
验证码 换一张
取 消

关注公众号