CSS 텍스트 중복

Question

나는 마진과 패딩을 시도했지만 한 그들은 제대로 동작하지 않습니다.

Answer 1

피들 : http://jsfiddle.net/UuEJ2/.

HTML :

<h1>Sample Text</h1> 

CSS :

* { 
    margin: 0; 
    padding: 0; 
} 

body { 
    padding: 10px; 
} 

h1 { 
    display: inline-block; 
    font: bold 48px/1 Sans-Serif; 
    background-color: #5e5e5e; 
    padding: 10px 20px 0 20px; 
    color: #eee; 
    overflow: hidden; 
    height: 40px; 
} 

Answer 2

이 height 속성을 사용하고 욕망의 효과를 얻을 수 em 값을 사용합니다. 이제 글꼴 크기를 늘리면 효과가 동일하게 유지됩니다. DEMO을 확인하십시오.

CSS

h1{background:gold; height:.9em;font-size:5em;color:white;overflow: hidden;} 

HTML 텍스트에

<h1>Sample Text</h1>