中央に配置されている他のdivの右側にdivを追加したい。イメージに示すように:
私はこれまでにこのhtmlを持っています:
<div id= "top-menu-wrapper">
<div id="top-menu">
</div>
<div id="social">
</div>
</div>
CSS:
#header #top-menu {
display : inline-block;
width : 764px;
height : 55px;
margin : auto;
}
#header #social {
display : inline-block;
width : 100px;
height : 55px;
margin-left : 25px;
}
#header #top-menu-wrapper {
display : block;
text-align : center;
margin-bottom : 25px;
}