내 코드는 다음과 같습니다. 여기에 'Header - 1 div'를 가운데 정렬하려고합니다. 그러나 그것은 적절하게 정렬되지 않습니다.내부 div가 가운데에 맞춰지면 내부 div가 두 개있는 경우
<div style="width:100%;background-color:black;">
<div style="color:red;width:80%;display:inline-block;float:left;text-align:center;">Header 1</div>
<div style="color:yellow;width:20%;display:inline-block;">Header 2</div>
</div>
당신은 기본적으로 원하는 게 무엇이
<div style="width:100%;background-color:black;text-align:center;overflow:auto;">
<div style="color:red;width:80%;display:inline-block;float:left;padding-left:20%;box-sizing:border-box;">Header 1</div>
<div style="color:yellow;width:20%;display:inline-block;float:left;">Header 2</div>
</div>작동하지 않습니다 – Shubham
무엇이 작동하지 않습니까? 코드를 실행하여보십시오. – user2584538
머리글 - 1이 가운데에 정확히 맞춰지지 않았습니다. – Shubham
... –
@AnilKumarRam 안녕, 난 단지 외부의 중심에 '헤더 1 사업부'를 정렬 할 시도 div & 'header-2 div'는 오른쪽 정렬해야합니다. – Shubham
@AnilKumarRam, 이미지 'header-1'에서 볼 수 있듯이 제대로 중앙에 있지 않습니다. 너 도와 줄 수있어? – Shubham