html 동적 테두리 주위의 요소

Question

깔끔한 해결책을 찾을 수 없습니다. 일부 텍스트로 테두리를 감싸고 싶습니다.

<p>Some Text</p> 

것은

내가 CSS에서 그 줄의 끝까지를 그립니다 국경을 할 것입니다, 나는 단지 내 텍스트에 원하는하고 그게 다에요. 몇 가지 깔끔한 해결책이 있습니까?

Answer 1

.textborder { 
    border: 1px solid black; 
    display:inline-block; 
} 

당신을 위해 트릭을 할해야 p 태그에 표시 인라인 블록

<p style = "display : inline; border : solid 1px black"> test </p>

. http://jsfiddle.net/qf7cs53v/

Answer 2

는 width는 P에 요소를 기본적으로

http://jsfiddle.net/xu2f2Ldr/

Answer 3

귀하의 요소는 "블록"유형을 지정합니다. display CSS 속성을 사용하여이 요소의 동작을 변경하여 모든 페이지가 아닌 텍스트 주위에만 테두리를 넣어야합니다.