Html 如何更改下拉菜单（下拉内容）中的标题位置？

这是我的第一个项目，我想知道如何在下拉菜单中更改标题位置，就像在那个网站上一样。当您将光标移动到.NET上时，您可以看到“技术”和“语言”在该菜单的左侧，而“最新消息”在右侧。我正在尝试做同样的事情，但不知道也找不到如何将标题移动到右上角的信息。谢谢你的帮助

这是我的一段代码：

    .dropbtn {
        color: steelblue;
        padding: 6px;
        font-size: 15px;
        border-right: thin;
    }

    .dropdown {
        position: relative;
        display: inline;

    }

    .dropdown-content {
        display: none;
        position: absolute;
        background-color: #f1f1f1;
        min-width: 420px;
        box-shadow: 0px 8px 56px 0px rgba(0,0,0,0.2);
        z-index: 1;
    }

    .dropdown-content a {
        color: cornflowerblue;
        padding: 8px 15px;
        text-decoration: none;
        display: block;
     }

    .dropdown-content a:hover {
        background-color: steelblue;
        color: white;
    }

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

    .dropdown:hover .dropbtn {
        background-color: midnightblue;
        color: white;
    }

</style>

.dropbtn{
颜色：钢蓝色；
填充：6px；
字体大小：15px；
右边框：薄；
}
.下拉列表{
位置：相对位置；
显示：内联；
}
.下拉内容{
显示：无；
位置：绝对位置；
背景色：#f1f1；
最小宽度：420px；
盒影：0px 8px 56px 0px rgba（0,0,0,0.2）；
z指数：1；
}
.下拉内容a{
颜色：矢车菊蓝；
填充：8px 15px；
文字装饰：无；
显示：块；
}
.下拉列表内容a：悬停{
背景颜色：钢蓝色；
颜色：白色；
}
.下拉：悬停.下拉内容{
显示：块；
}
.dropdown:悬停.dropbtn{
背景色：午夜蓝；
颜色：白色；
}

语言文字
技术




最新文章

这是否回答了您的问题？欢迎来到SO！只要使用你的类下的上述链接中的布局

下拉列表

，如果仍然有任何问题，请告诉我，我会发布它

<meta charset="utf-8">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>

<nav class="navbar navbar-expand-lg navbar-light bg-light">
    <div class="container-fluid">
        <ul class="nav navbar-nav">
            <li class="dropdown">
                <a href=".net" class="dropbtn">.NET</a>
                <div class="dropdown-content">
                    <h5>Languages</h5>
                    <a href="csharp">C#</a>
                    <a href="vb.net">VB.NET</a>
                    <a href="fsharp">F#</a>
                    <h5>Technologies</h5>
                    <a href="azure">Azure</a>                       
                    <a href="asp.net">ASP.NET</a>
                    <ul style="list-style-type: none;">
                        <li><a href="asp ajax">ASP AJAX</a></li>
                        <li><a href="asp mvc">ASP MVC</a></li>
                    </ul>                    
                    <h5>Latest articles</h5>                 
                </div>
            </li>