폭을 자동 + 5px로 설정하는 방법은 무엇입니까?

Question

나는 이것을 알고 싶습니다. 가능한 일입니까? :

#test{ 
    background-color: red; 
    width:auto + 5px; 
} 

나는 정확히 텍스트의 폭 장착하는 <div>을 가지고 싶지 않아. 나는 그것을 " '텍스트 폭'+ 5px"가되고 싶다.

CSS로 가능합니까? 이 오른쪽과 왼쪽에 5px의 패딩을 만들어

#test { 
    background-color: red; 
    width:auto; 
    padding:0 5px; 
} 

:

Answer 1

내가 사용하는 패딩을 제안한다. 위쪽과 아래쪽은 0의 패딩을 갖습니다.

Answer 2

패딩 사용.

#test{ 
     background-color: red; 
     width:auto; 
     padding: 0px 5px; 
    } 

Answer 3

div의 자동 너비는 100 %입니다. 당신은 당신이 width:auto + 5px처럼 달성하고자하는 경우에만 내용의 폭이 float: left/right

#test { 
    float: left/right; 
    background-color: red; 
    padding-left: 5px; 
    /* OR */ 
    padding-right: 5px; 
} 

Answer 4

를 사용할 필요가 있다면 당신은, sass 같은 스타일 시트 언어를 사용해야 할 것 등

당신이 여분의 공간을 갖고 싶어 compass 텍스트 주위에 다음과 같이 패딩을 사용할 수 있습니다. -

#test { 
    padding:5px; //for all top, right, bottom, left 
    OR 
    padding:5px 3px; //5px for top, bottom and 3px for left right 
    OR 
    padding:5px 3px 4px; //5px for top, 3px for left and right and 4px for bottom 
    OR 
    padding: 5px 4px 3px 2px; //goes this way, top-right-bottom-left 
}