cant align divs!

[zaahideen]

please view my jsfiddle:
https://jsfiddle.net/zaahideen/5nh9wcr6/

i am having 2 issues,
1) the two .buttons i cant get to center align inside their parent container #button_container.

2) i want the red border of the #button_container to go around the two .button elements

please help

[cscodismith]

Possibly what you’re looking for?
http://codepen.io/lowheartrate/pen/yyQBPN

[Paulie_D]

If you want centering…don’t use float:left.

Use display:inline-block on the children and text-align:center on the parent.

http://codepen.io/Paulie-D/pen/NPEWKq

Also, you don’t have to use clearwith inline-block..which is nice.

[Author]

Posts