问这个问题我觉得自己像个白痴，我在互联网上搜索了一些答案，但似乎什么也没找到。
我想要做的就是将我的标题元素和我的无序列表放在同一行上，而不取消它们都包含的特定边距。
h3 {
text-align: left;
margin: 40px 0px 0px 40px;
}
ul {
text-align: right;
}
ul li {
list-style: none;
display: inline;
margin: 0px 20px 0px 0px;
} <body>
<h3 id="header"> Darius Spady </h3>
<ul>
<li> About </li>
<li> Projects </li>
<li> Contact </li>
</ul>
</body>任何帮助，将不胜感激！谢谢！
我会引入一个父元素并用于display: flex; justify-content: space-between;将它们放在同一行上，由可用的空格分隔。您也可以使用align-items垂直对齐它们。
* {margin:0;padding:0;}
ul li {
list-style: none;
display: inline;
margin: 0px 20px 0px 0px;
}
h3 {
margin: 40px 0px 0px 40px;
}
.flex {
display: flex;
justify-content: space-between;
align-items: baseline;
}<header class="flex">
<h3 id="header"> Darius Spady </h3>
<ul>
<li> About </li>
<li> Projects </li>
<li> Contact </li>
</ul>
</header>