0
이 주제와 관련된 많은 질문이 있음을 알고 있습니다. 나는 그들 대부분을 겪었지만, 아직도 내 경우에는 효과가없는 이유를 알 수 없다.기사 섹션의 레이블 옆에 입력 맞추기
내 웹 사이트는 옆으로 및 기사 태그를 사용하여 두 부분으로 나뉩니다. 내 양식을 기사 태그 안에 넣고 싶습니다. 또한, 내 레이블 옆에 내 입력란을 정렬하고 싶습니다. 나는 시도했다 :
label{ display: inline-block; width: XXpx; text-align: right;}
label{ display: block; width: XXpx; float: left;}
및 다른 구성으로 시도했지만 작동하지 않는다. 사실 저는 display : table-cell을 옆으로 사용하고 기사 태그를 사용하여 배경색을 페이지 아래로 확장했습니다. 그것이 영향을 미치는지 궁금합니다.
HTML
<section>
.
.
.
<article>
.
.
.
<form method="post" action="Y.php">
<label for="name" id="name1"> Name<em>*</em> </label>
<input type="text" name="name" id="name2" placeholder="Ex : Tom" autofocus="" required="" /> <br>
<label for="email"> Email<em>*</em> </label>
<input type="email" name="email" id="email1" placeholder="Ex : [email protected]" required="" /> <br>
</form>
</article>
</section>
CSS는
aside, article{ display: table-cell; vertical-align: top; text-align: justify; line-height: 1.5em;}
label{ display: inline-block; width: XXpx; text-align: right;}
어떤 생각을 환영합니다!