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 ...

Enter image details here

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

Popular posts from this blog

c - Mpirun hangs when mpi send and recieve is put in a loop -

python - Apply coupon to a customer's subscription based on non-stripe related actions on the site -

java - Unable to get JDBC connection in Spring application to MySQL -