1
これらのボタンを右に、左にあるものをナビゲーションバーに垂直に配置するのは難しいです。私はブートストラップを使用していません。私はパディングとマージンの組み合わせを試してきましたが、それを機能させるようには見えません。誰でも助けてくれますか？これらのボタンをナビゲーションバーに垂直にセンタリングするには
HTML：
<header>
<nav>
<h1>Jason</h1>
<div class="navbar-box">
<ul id="navbar-links">
<button>
<li><a href="#">About</a></li>
</button>
<button>
<li><a href="#">Portfolio</a></li>
</button>
<button>
<li><a href="#">Contact</a></li>
</button>
</ul>
</div>
</nav>
</header>
CSS：インラインブロックと垂直整列：
nav {
background-color: #061839;
color: white;
height: auto;
}
.navbar-box {
background-color: #061839;
color: white;
height: 25px;
}
h1 {
margin-top: 5px;
padding-top: 40px;
padding-left: 30px;
font-size: 40px;
}
ul {
list-style-type: none;
}
li a {
display: inline;
float:right;
}
button {
background-color: #4D638C;
border: none;
color: white;
margin-right: 20px;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
float:right;
border-radius:12px;
}
それには多くの質問があります。 http://stackoverflow.com/questions/356809/best-way-to-center-a-div-on-a-page-vertically-and-horizontallyまたはhttp://stackoverflow.com/questions/をご覧ください。 396145/how-to-vertical-center-a-all-for-all-browsers – di3
[すべてのブラウザでdivを垂直に配置する方法は？]（http://stackoverflow.com/questions/396145/how- to-center-a-div-for-all-browsers） – di3