Immonlifomo
New Member
I am trying to position a text in the middle height of an image, but the margin-top or margin-bottom would not work as I want. Any tips on this? I created an JsFiddle to show the work -http://jsfiddle.net/HdW7Y/1/As you see the the text Login User is below the login button.HTML\[code\]<div id="topNav"><ul><li class="topMenu-bg1 show_hide_contact"><a href="http://stackoverflow.com/questions/15730492/#"></a></li><li class="topMenu-bg2 show_hide_login"><a href="http://stackoverflow.com/questions/15730492/#" ><p class="icon2text">User Login</p></a></li></ul></div> \[/code\]CSS\[code\]#topNav li {margin-top:5px;padding-top:7px;list-style:none;float:left;border-right:1px solid black;}.icon2text{ font-weight: bold;font-size: 0.7em;display: inline;}\[/code\]