导航栏上的HTML重叠文本

Question

im试图使文本与导航栏重叠，当我说重叠时，我的意思是在导航栏外展开白色以使导航栏保持在原处。这是我尝试使用不同填充技术的代码，但没有奏效。任何帮助将不胜感激：

div {
	padding-top:80px;
}
ul {
	list-style-type: none;
	padding: 0;
	overflow: hidden;
	margin:15px;
	background-color: black;
	line-height: 5px;
}

li {
	float:left;
	font-family: Courier New;
}

li a {
	display: block;
	color: white;
	padding:20px;
	text-decoration: none;
	text-align: center;
	text-decoration: none;
	padding: 2px 25px;
}

li a:hover {
	/*background-color: ;*/
	color: white;
}

li a.active {
	background-color: #4CAF50; 
}

<div>
  <ul>
    <li><a href="Store-1.0.html">Million-Air</a></li>
    <li><a href="men.html">Men</a></li>
    <li><a href="wemon.html">Wemon</a></li>
    <li style="float:right"><a class="active" href="account.html">Account</a></li>

  </ul> 
</div>

Answer 1

所以我弄清楚了，这是由于我在li元素上向左浮动，并且将所有空白向左推。所以我必须使用“清除：两者”才能正常工作

Answer 2

尝试删除您的溢出：隐藏属性。如果这样做，文本将在框外延伸。

如果我误解了您的意图，请尝试链接到在线示例时要执行的操作。