CSS를 사용하여 같은 줄에 두 개의 Div 블록을 정렬하는 방법은 무엇입니까?

두 개의 Div 블록을 같은 줄에 정렬

두 개의 div 블록을 같은 가로줄에 정렬하려면 CSS와 디스플레이 속성을 활용할 수 있습니다. 이를 달성하는 방법은 다음과 같습니다.

CSS

<code class="css">#block_container {
    text-align: center;
}

#bloc1, #bloc2 {
    display: inline;
}</code>

HTML

<code class="html"><div id="block_container">
    <div id="bloc1"><?php echo " version ".$version." Copyright &copy; All Rights Reserved."; ?></div>
    <div id="bloc2"><img src="..."></div>
</div></code>

컨테이너 div의 텍스트 정렬을 가운데로 설정하고 하위 div를 인라인으로 설정하려면 요소가 컨테이너 내에서 수평으로 흐르고 그에 따라 중앙에 배치되도록 해야 합니다.

추가 참고사항

원시 콘텐츠를 div 요소에 직접 배치하지 않는 것이 좋습니다. 대신

또는 콘텐츠에 의미론적 의미를 부여합니다.

위 내용은 CSS를 사용하여 같은 줄에 두 개의 Div 블록을 정렬하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!