センターボタンを水平および垂直に

私は箱に並べて座っている3つのdivを持っています。 3番目(右端)のdivにはいくつかのボタンがあります。

But these buttons are not centring themselves(I mean centred both Vertically & Horizontally). See the image where the blue boxes should be centred inside the red box, but they actually sit too high & too far to the left.

Can you help me get my blue buttons to sit centred horizontally & vertically?

!http://i42.tinypic.com/1z18ahs.png enter image description here



<head>
    <title> </title>

    
</head>
<body>

    
<div id="mainContent"> <div id="mainContentInner"> <div id="featureBar">

</div> <div style="float: left; width: 20px; height: 400px; margin: 10px; background-color: RGB(172,225,250);">

</div> <!-- The 2 unordered lists in this div are supposed to be centred horizontally --> <div id="menuBar">
</div> </div> </div>

</body> </html>
0

1 答え

ボタンを水平に中央に配置するには、#menuBarの幅は446pxでなく450pxにする必要があります。

ボタンを垂直に中央に配置するには、.buttonの高さを190px、#menuBarの高さを395pxにする必要があります。

Demo: http://jsfiddle.net/kvqpy/1/

0
追加された