/    Sign up×
Community /Pin to ProfileBookmark

EASY CSS Issue I am overlooking:

Probably due to my lack of sleep, but can you help me with this rather simple css command I am missing?

I have the following code:

.module_head {
background-color: #4278D3;
font-size: 18px;
font-weight: bold;
color: #FFFFFF;
height:20px;
float:left;
padding:5px 0 5px 5px;
margin:0 0 10px;
}

And the above code is making the text that should come underneath show up directly after the div heading, so it is throwing everything apart because of this. I am missing a display I think. Inline? Block?

You can see a working example of this here:

[url]http://mibsolutionsllc.com/med/public_html/[/url]

It is the blue headings where I am having the problem, especially in the left sidebar.

to post a comment
CSS

1 Comments(s)

Copy linkTweet thisAlerts:
@FangDec 13.2008 — Remove the float.

Read about semantic markup
×

Success!

Help @1234567890 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 6.16,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...