How to position three divs in html horizontally?

Question

I am creating a sample website which has three divisions horizontally. I want the left most div to be 25% width, the middle one to be 50% width, and right to be 25% width so

Answer 1

I'd refrain from using floats for this sort of thing; I'd rather use inline-block.

Some more points to consider:

• Inline styles are bad for maintainability
• You shouldn't have spaces in selector names
• You missed some important HTML tags, like and
• You didn't include a doctype

Here's a better way to format your document:

    
Left Side Menu
    
Random Content
    
Right Side Menu

Here's a jsFiddle for good measure.