위치 텍스트가 이미지와 같은 레벨에 있습니다.

중간 높이의 텍스트를 배치하려고하지만 원하는만큼 여백 - 위쪽 또는 아래쪽 여백이 작동하지 않습니다.위치 텍스트가 이미지와 같은 레벨에 있습니다.

이것에 대한 도움말? 당신은 텍스트 로그인 사용자가 로그인 버튼 아래에있다시피 http://jsfiddle.net/HdW7Y/1/

나는 일을 표시하려면 JsFiddle를 만들었습니다.

HTML

<div id="topNav"> 
<ul> 
<li class="topMenu-bg1 show_hide_contact"> 
<a href="#"></a> 
</li> 
<li class="topMenu-bg2 show_hide_login"> 
<a href="#" ><p class="icon2text">User Login</p></a> 
</li> 
</ul> 
</div>

CSS

#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; 

}

출처

2013-03-31 Dymond