CSS : 텍스트 링크를 오른쪽 안쪽으로 이동하는 방법

Question

왼쪽에서 li 방향으로 정렬 된 텍스트 링크를 오른쪽으로 약간 이동하고 싶습니다.

왼쪽과 비슷합니다 : 2px; 텍스트에만 적용됩니다.

페이지 링크 :가 http://npmaudiovisual.com/esde/?page_id=36

CSS :

#secondnav li a { 
    border: medium none; 
    display: block; 
    padding: 3px 8px; 
} 
#secondnav li a { 
    display: block !important; 
    line-height: 42px !important; 
    padding-left: 15px; 
    text-align: left; 
    text-decoration: none; 
    width: 230px; 
} 
#secondnav li a { 
    background-color: #FFC477; 
    border: 1px solid white !important; 
    color: #FFFFFF; 
    font-size: 18px !important; 
    position: relative; 
    right: 30px; 
    z-index: 1; 

Answer 1

당신은 text-indent 단독 또는 padding-left 사용하고 동일한 양만큼 width을 줄일 수 있습니다.

Answer 2

패딩을 "3px 0px 3px 18px"와 같이 변경하십시오. 순서는 "오른쪽 상단 왼쪽 하단"입니다.

Answer 3

봅니다 당신은 당신이 원하는 픽셀의 여백은 왼쪽은 A {요소를 제공 할 수 있습니다 귀하의 CSS를

#secondnav li a { 
    text-indent: 4px; 
} 

Answer 4

이를 추가 할 수 있습니다. 예 :

`#secondnav li a { margin-left : 3px; }