<h1> 태그 뒤의 줄 바꿈을 제거 하시겠습니까?

<h1>태그 다음에 줄 바꿈 을 제거하는 데 문제가 있습니다. 인쇄 할 때마다 바로 뒤에 줄 바꿈이 추가되므로 다음과 같이 <h1>Hello World!</h1> <h2>Hello Again World!</h2>인쇄됩니다.

Hello World!

Hello Again World!

CSS에서 변경해야하는 태그가 무엇인지 잘 모르겠지만 패딩이나 여백과 관련이있을 것으로 예상합니다.

가능한 한 수직 패딩도 유지하고 싶습니다.

인라인으로 형식을 지정하려는 것 같습니다. 기본적으로, h1및 h2라인의 전체 폭에 걸쳐 블록 레벨 요소이다. 다음과 같이 CSS를 사용하여 인라인으로 변경할 수 있습니다.

h1, h2 {
    display: inline;
}

여기 사이의 차이를 설명하는 기사의 block과 inline더 자세히는 : http://www.webdesignfromscratch.com/html-css/css-block-and-inline/

수직 패딩을 유지하려면 inline-block다음과 같이을 사용 하십시오.

h1, h2 {
    display: inline-block;
}

<h1>태그가 {display: block}설정되었습니다. 블록 레벨 요소입니다. 이 기능을 끄려면 :

{display: inline}

html 스타일 섹션에서 h1 여백 값을 마이너스로 설정하여이 문제를 해결했습니다. 그것은 내 필요에 완벽하게 작동합니다.

<style>
h1 { 
    display: block;
    font-size: 0.9em;
    margin-top: -1.91em;
    margin-bottom: -1.91em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}
</style>
<h1 style="text-align:center"> Headline </h1>

<style>
h1 {
    padding: 0px;
    margin: 0px;
}
</style>