텍스트의 아래쪽 테두리 너비

Question

밑줄이 그어진 텍스트가 있습니다. 이제 실제 텍스트에 밑줄을 긋고 싶지는 않습니다. 선을 화면 전체에 걸쳐 펼치고 싶습니다.

내가 할 :

H4{align:left; font-style: bold; border-bottom: 1px black solid;} 

그러나, 나는 화면의 전체 폭을 실행하기 위해 줄을 싶지 않아요. 나는 단지 그것이 화면의 750px 넓이 또는 비율이라고 말하기를 원한다. 나는 시도 :

H4{align:left; font-style: bold; border-bottom: 1px black solid; width:750px;} 

하지만이 작동하지 않습니다. 선은 여전히 ​​페이지의 전체 너비를 실행합니다. 어떤 팁?

Answer 1

사용에게 CSS에서 다음 <hr />

:

hr{ 
    width: 75%; 
    border: solid #DDD; 
    border-width: 1px 0 0; 
    clear: both; 
    margin: 10px 0 30px; 
    height: 0; 
    margin-left: auto; 
    margin-right: auto; 
} 

Answer 2

나는 당신이 당신의 정의를 오버라이드 (override)되어 다른 CSS를 가지고 있다고 생각한다. 예를 들어 CSS가 정상적으로 작동합니다. http://jsfiddle.net/pvjvA/1/

h4 { 
    text-align:left; 
    font-style: bold; 
    border-bottom: 1px black solid; 
    width:750px; 
}