谁能帮我对齐我的两个 div？我做错了什么？我有两个内联 block 作为我的 div，并试图将它们并排对齐到元素的最高点。
<body>
<ul id="navbar">
<li><a href="#skills">Skills</a></li>
<li><a href="#work">Work</a></li>
<li><a href="#contact">Contact</a><li>
</ul>
<div id="intro">
<p>HELLO</p>
</div>
CSS:
#navbar {
display:inline-block;
margin-left:25%;
list-style-type:none;
vertical-align:top;
width:12%;
}
#intro {
display:inline-block;
width:40%;
vertical-align:top;
}
最佳答案
将 margin-top: 0 或任何其他首选大小(即 margin-top: 20px;)添加到两个 ID。
关于html - 垂直对齐前两个 div 不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21839416/