CSS : div 텍스트와 동일한 줄에 div가 나타나는 문단

Question

#dataset_name 단락을 한 줄에 표시하려면 "현재 데이터 :"및 그 값을 어떻게 가져올 수 있습니까?

<div id="current_data">Current dataset: <p id="dataset_name"></p></div> 

감사합니다!

Answer 1

<p> 요소는 HTML에 의해 블록으로 간주되고 일반 텍스트는 인라인입니다. 당신의 CSS에서

넣어 :

p { 
    display: inline; 
} 

당신은 좋은 수 있습니다.

Answer 2

한번에 사용하기 :

<div id="current_data">Current dataset: <span id="dataset_name"></span></div> 

스팬은, 기본, inline 요소, p 및 div이 block 요소에 의해 (따라서 그들은 "줄 바꿈"을 추가). 이 경우 <p style="display: inline;">...</p>을 사용할 수도 있지만 span을 사용하는 것이 더 좋습니다.

Answer 3

왜

<p id="current_data">Current dataset: <span id="dataset_name"></span></p> 

그것은 (오래는 정말 테이블로) 더 의미 론적 의미가 있습니다.