줄 높이를 설정하려면 line-height 속성을 사용하십시오. 다음은 속성 값입니다 -
line-height: normal|number|length|initial|inherit;
예시
이제 예를 살펴보겠습니다 -
<!DOCTYPE html> <html> <head> <style> div { line-height: 1.9; } </style> </head> <body> <h1>Demo Heading</h1> <div> <p>This is demo text.<br> This is another demo text. </p> </div> </body> </html>
출력
예시
이제 다른 예를 살펴보겠습니다 -
<!DOCTYPE html> <html> <head> <style> div { line-height: 200%; } </style> </head> <body> <h1>Demo Heading</h1> <div> <p>This is demo text.<br> This is another demo text. </p> </div> </body> </html>
출력