HTML의 줄 바꿈을 없애는 방법

Question

텍스트를 모두 같은 줄에 나타나게하려면 어떻게해야합니까? 나는 HTML에서 메뉴를 만들고 그리고 난 분명히 적용되고 내 마음에 다음과 같은 소스

<h2> Blue Moon 20oz </h2>....<b> $5.00 </b> 

에게 H2 설정이에게 "블루 문"을 선택 후 어떤 스타일이없는 한 다음 같은 줄에 정규 점있다 당신은 굵은 글씨로 5.00 달러를 가지고 있습니다. 나는이 프로그램을 실행할 때 그것은 다음과 같습니다 비록 :

:

블루 문

을 ... 대신 내가되는,보고 싶은 무엇을 $ 5.00

푸른 달 .... $ 5.00

Ive가 <span>, <pre> 및 <br /> 태그를 사용하려고했는데 태그가 잘못된 위치에 태그를 삽입 할 수는 있지만 자동 줄 바꿈을 유지하지 못하는 것으로 보입니다.

미안하지만, 나는 아마이 일을 설명하는 것이 좋지 않을 것이라고 생각하지만, 잘하면 나는 그 점을 이해할 수 있었다. 감사!

Answer 1

이유는 매우 간단합니다. 기본적으로이 방법으로 렌더링됩니다. CSS에 display: inline-block을 설정하거나 span과 같은 인라인 태그를 사용해보십시오.

는 CSS에 깊은 가서 (내가 제대로 문제를 이해한다면) 당신은 .H2 디스플레이 블록으로 기본 행동으로 모든 이유 : 내가 코드의 일부 작은 조각을 제작하고

Answer 2

을 이해하게 될 것입니다. 한 줄에 표시하려면 인라인 블록을 지정하면됩니다. https://jsfiddle.net/p64ymc18/

HTML :

<div> 
    <h2>Blue Moon</h2>...$5.00 
</div> 

CSS : H2 :;