css中按钮另起一行

在界面设计中，下拉菜单是非常常用的组件，可以让用户点击展开菜单，选择自己需要的操作。而如果想要将下拉菜单显示在水平方向上，便需要用到 CSS 属性来实现横向布局。

<div class="dropdown">
  <button class="dropbtn">菜单</button>
  <div class="dropdown-content">
    <a href="#">项目1</a>
    <a href="#">项目2</a>
    <a href="#">项目3</a>
  </div>
</div> 

在 HTML 中，我们需要创建一个 `dropdown` 的 div 元素，其中包括一个 `dropbtn` 的按钮和一个 `dropdown-content` 的下拉菜单。

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  z-index: 1;
}

.dropdown-content a {
  display: block;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown-content a:hover {
  color: red;
} 

在 CSS 中，我们需要设置 `dropdown` 的 `position` 为 `relative`，并将 `dropdown-content` 的 `position` 设为 `absolute`。然后，当鼠标悬停在 `dropdown` 上时，将`dropdown-content`的 `display` 设为 `block` 显示下拉列表。

最后，我们可以使用 `dropdown-content a` 的样式来设置下拉列表内链接的样式，比如将字体颜色改为红色，等等。