How to Make Text Stay Inside Div?

Question

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

@calle I'm using Chrome @ibu Nope, that didn't make a difference - but thanks — Tara
– Tara, Commented Jun 6, 2011 at 17:39
I was using Firebug in Firefox 4 and it looks like the description is still in #top. However, it looks like your #list-nav is hidden. I couldn't find it anywhere. — Bryce Siedschlaw
– Bryce Siedschlaw, Commented Jun 6, 2011 at 17:39
@bryce Sorry, I don't know why that would be...? It's pretty basic HTML & CSS. — Tara
– Tara, Commented Jun 6, 2011 at 17:41

barnacle.m · Accepted Answer · 2013-03-12 09:16:07Z

1

Remove the 16px margin as follows:

div#textright>p:first-child { margin-top: 0; }

edited Mar 12, 2013 at 9:16

barnacle.m

2,2193 gold badges42 silver badges87 bronze badges

answered Jun 6, 2011 at 17:41

Jawad

6,77210 gold badges43 silver badges47 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Jawad Over a year ago

Cannot load you page in any browser except IE9!

Tara Over a year ago

I can load it in Safari and Chrome

Jawad Over a year ago

just remove clear: both from #textright. By the way your site is changing a lot and it is very difficult to troubleshoot it when the code changes.

kei · Accepted Answer · 2011-06-06 17:40:16Z

1

Add float:left to the dog image

and add clear:both; to ul#list-nav

answered Jun 6, 2011 at 17:40

kei

20.5k2 gold badges38 silver badges64 bronze badges

Comments

Fosco · Accepted Answer · 2011-06-06 17:41:23Z

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.

This made the Navi better but still didn't put the text in the same place - Thanks though

Collectives™ on Stack Overflow

How to Make Text Stay Inside Div?

3 Answers 3

3 Comments

Comments

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

1 Comment

Related