CODEWITHSUNDEEP
csshtmlspace
user725913
user725913

Reputation:

CSS make two divs equidistant inside of a wrapper div

Please view my code HERE. What I am trying to do is quite simple, so it seems. I am trying to make the two boxes (one yellow, one green) in the purple box equidistant. So, I want the spacing from the purple box's left border to the green box's left border to be equal distance between the green box's right border and the yellow box's left border, which will also be equidistant to the space between the yellow box's right border to the purple box's right border.

I am all out of ideas, but I think I am close.

Thank you for any help with this!

Evan

Upvotes: 1

Views: 548

Answers (2)

Diodeus - James MacFarlane
Diodeus - James MacFarlane

Reputation: 114417

This looks pretty good:

#templatetypes {
    width: 150px;
    background-color:green;
    margin-left:13%;
    float:left;
    }

#supportlinks {
    width: 150px;
    background-color:yellow;
    margin-right:13%;
    float:right;
    }

Upvotes: 1

feeela
feeela

Reputation: 29932

You can use float: left on the left box and float: right; on the right box: http://jsfiddle.net/feeela/D6MUq/38/

Upvotes: 3

Related Questions