.button {
background-color: #fdc700;
border: 1px solid #f6a600;
border-radius: 3px;
color: #363b41;
display: block;
float: left;
font-size: 18px;
font-weight: normal;
height: 40px;
left: 2px;
margin-top: 12px;
position: relative;
width: 140px;
}Выравнивает элемент по вертикали относительно своего родителя, окружающего текста или ячейки таблицы.
display: table-cell;
#topnav-menu, li {
display: inline-block;
}
#topnav-menu {
margin: // Здесь регулируйте без auto
}<html>
<head><meta charset='utf-8'></head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function() {
$(document).click(function() {
$('#id').toggleClass("class");
});
$("#button").click(function() {
$("#id .id").toggleClass("class");
});
});
</script>
<style>
.class{
display:block !important;
}
#id{
display:none;
}
</style>
<a id="button" href="#">раскрыть</a>
<div id="id" class='id'>блок</div>
</html>