Problem with setting 2 borders next to each other

HTML & CSS
1

i cant figure out how to set two borders next to each other.

#border
border:1px solid #c9c9c9;
width:200px;
height:300px;
margin:5px;
}

It works good up and down but i cant get it to work the other way around.
any ideas?

2

Hi thaman941. Welcome to SitePoint. :slight_smile:

It’s not really clear what you are asking here. Could you be more specific. The code you posted should put a border all the way around the element that has an ID of #border. Where do you actually want the borders, and what kind of element are you styling?

3

If perhaps you want two elements side by side then you’ll need to float the first one or float both.

e.g.


[LEFT][COLOR=#cc00cc]#border[/COLOR]
border[COLOR=#3333ff]:[COLOR=#933]1px[/COLOR][/COLOR] [COLOR=#993333]solid[/COLOR] [COLOR=#cc00cc]#c9c9c9[/COLOR];
width[COLOR=#3333ff]:[COLOR=#933]200px[/COLOR][/COLOR];
height[COLOR=#3333ff]:[COLOR=#933]300px[/COLOR][/COLOR];
margin[COLOR=#3333ff]:[COLOR=#933]5px[/COLOR][/COLOR];
[COLOR=#66cc66][B]float:left;[/B]
}[/COLOR]
[/LEFT]

However as Ralph said it’s not really clear what you are after :slight_smile:

4

Thanks its working now!