I'm struggling to align the content of my navigation bar. I've been attempting to right-align the menu contents with the code below.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Sample Application</title>
@Styles.Render("~/Content/css")
@Styles.Render("~/bundles/modernizr")
</head>
<body>
<h1 align="Center">Sample Application</h1>
<nav class="navbar navbar-expand-md " style="background-color:#993300">
<ul class="nav navbar-nav ml-auto ">
<li>
@Html.ActionLink("Help!", "Help", "Home", new { area = "" }, new { @class = "navbar-brand", @style = "color:white" })
</li>
</ul>
</nav>
@RenderBody()
</body>
</html>
Take a look at the output. https://i.sstatic.net/vFPNz.png
I want to shift Help to the left, as indicated by the arrow. How can I make this adjustment? Any guidance would be greatly appreciated.