html 테이블 안에 텍스트박스 + 버튼 2개 넣기.. (초보)

Question

이메일 인증 위와 같은 html 코드에 아래와 같은 css가 적용되어 있습니다. table {width:1050px; margin:0 auto; border-top:2px solid #000; border-bottom:1px solid #ddd;} th {padding:20px 0; font-weight:500} td {text-align:center; border-top:1px solid #ddd; color:#555; font-weight:300} td a {display:block; padding:20px 0; } td p {display:inline-block;} .table_title {width:50%} td.table_title {text-align:left;} .webtoon_board td.table_title i {display:inline-block; width:100px; height:74px; overflow:hidden; margin-right:22px; border:1px solid #ddd; vertical-align:middle;} td.table_title span {max-width:330px; vertical-align:middle; margin-right:5px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; float: left;} td.table_title em {color:#f54f4f; font-family:"Montserrat"; font-size:12px; font-weight:500; vertical-align:middle; float: left; line-height: 19px;} td.table_title em::before {display:inline-block; content:"(";} td.table_title em::after {display:inline-block; content:")"; } td.episode {font-size:17px; font-weight:700} td.episode.f_weight {font-weight:300; font-size:18px} 여기서 id_code , id_check , id_request 에 해당하는 애들만 아래 이미지처럼 한 줄에 위치시키고 싶은데 어떤식으로 수정해야 할지 모르겠습니다. 고수분들 조언 부탁드립니다.

컴포지트 · Answer

기본적으로 input 태그는 inline-block 이기 때문에 본문의 의도하고 싶은 형태로 되는 게 정상입니다. 만약 텍스트박스가 아래로 한줄씩 표시된다면, 개발자 도구로 display 속성을 확인하고 inline-block 으로 대응하는 등의 조치가 가능합니다.

html 테이블 <td> 안에 텍스트박스 + 버튼 2개 넣기.. (초보)

1개의 답변

기술 목록