div 배경을 특정 영역으로 제한하는 방법

나는 CSS 예제를 만들었습니다. 나는이 문제에 직면하고 주요 부품은 다음과 같습니다div 배경을 특정 영역으로 제한하는 방법

#sign 
{ 
font-size: xx-large; 
color:white; 
background-color:blue; 
font-weight:bolder; 
text-align: right; 
position:right; 
}

나는 그것을 좋아 구현 오전 : 여기

<div id="sign">Me and Me</div>

은 배경색이 밴드처럼 표시됩니다. 이제 배경 색상을 텍스트 영역 "Me and Me"로 제한하고 싶습니다. 이것을 달성하기 위해 어떤 수정을해야합니까?

출처

2012-08-03 Mistu4u

귀하의 jsfiddle 링크가 완료되지 않았습니다. – Lowkase

jsfiddle 링크를 수정하십시오 – Bongs

당신이 뭔가를 원하십니까 >> http://jsfiddle.net/vMRzX/ – Bongs

스타일을 지정하려는 요소에 배경을 설정할 수없는 이유는 무엇입니까?

당신은 당신이 필요로하는 것은 display: inline; 전화임을 알 this link을 할 수 있습니다 사용. 나는 빨리 당신이 당신이 원하는 것을해야한다, 보는 위해 jsFiddle ... http://jsfiddle.net/NjAUR/

당신이 오른쪽에 원하는 것을보고는 position: right 선언 제거 및 사용을 쓴 a float: right. 다음은 업데이트 된 버전입니다 ... http://jsfiddle.net/NjAUR/1/

출처

2012-08-03 17:28:32 Vap0r

이것은 답변이 아니라 주석입니다. – j08691

예, 죄송합니다. 네가 원한다면 나는 그것을 지울 수있다. 이 답변을 편집하여 jsFiddle을 업데이트하거나 자신이 수행하려고 시도한 것을 더 정확하게 설명 할 때 솔루션을 실제로 포함 시키려고했습니다. – Vap0r

내 게시물을 편집 했으므로 지금은 더 적절한 답변처럼 보일 것입니다. 죄송합니다. 표준이 아닌 것을 알고 있지만 의견이 마음에 들지 않습니다. – Vap0r

display:inline;을 CSS와 함께 사용하십시오. 그리고 오른쪽면에 필요하다면 float:right도 사용하십시오.

내가 span 안에 "저와 나"텍스트를 감싸 여기 Demo

출처

2012-08-03 17:38:21 RAN

좋아요를 참조하십시오. background-color 속성이 #sign 인 것을 삭제하고 span에 추가했습니다.

HTML

<div id="sign"><span>Me and Me</span></div>

CSS

#sign 
{ 
    font-size: xx-large; 
    color:white; 
    font-weight:bolder; 
    text-align: right; 
    position:right; 
} 
#sign span { background-color:green; } /* or any color of your choice */

Demo link

출처

2012-08-03 17:54:03 Bongs

div 배경을 특정 영역으로 제한하는 방법

답변

관련 문제