asp.net mvc - CSS how to align elements -
I have shopping cart icons and cart links, that I have other links (register and log) on my menu, but I Not very good with CSS. Does anybody know how to do this?
See my picture ...
Code:
& lt; Ul class = "nav navbar-nav navbar-right" & gt; & Lt; Li & gt; & Lt; Period & gt; & Lt; I class = "FA-shopping cart" & gt; & Lt; / I & gt; & Amp; Nbsp; @ {Html.RenderAction ("CartSummary", "ShoppingCart");} & lt; / Span & gt; & Lt; / Li & gt; & Lt; Li & gt; @HTMLconnect ("register", "register", "account", root value: empty, html, elevates: new {id = "registerLink"}) & lt; / Li & gt; & Lt; Li & gt; @HTMLconnected ("login", "login", "account", root value: empty, html elevates: new {id = "login link"}) & lt; / Li & gt; & Lt; / Ul & gt; Try
your li item a Line-height equals to the height of your navbar. ul.nav & gt; Li {Line-height: & lt; Your Navy Height & gt; I have given an example for you here:
Comments
Post a Comment