테스트 사이트 - 개발 중인 베타 버전입니다

html 질문 채택완료

강시원 8년 전 조회 3,357

<form method="get" action="<?php echo G5_URL?>/search/" onsubmit="return fsearchbox_submit(this);">

<h1 id="fittext1">

<div class="textbox">

<input type="text" id="ex_input">

</div>

</h1>

</div>

<div class="search_icon"><button type="submit">검색</button></div>

 

이렇게 작성하였는데 

 

이런식으로 검색 버튼이 밑으로 나오게 되더라구요

검색텍스트폼 옆에 붙일려면 어떻게하나요?
 

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
s
sinbi Expert
8년 전

인라인 요소 : 옆으로 나열 (a 태그, img 태그 등)

블럭 요소 : 아래로 나열 (div 태그 등)

 

인라인을 블럭 요소화 : display:block

블럭 요소를 인라인화: display:inline

인라인과 블럭 요소 속성을 조금씩 갖게 : display:inline-block

 

블럭 요소를 옆으로 나열: display:inline 속성 주는 법, float:left 속성 주는 법

 

 

참고

http://www.homzzang.com/b/html-103" style="color: rgb(0, 0, 0); text-decoration: none;">http://www.homzzang.com/b/html-103 

http://www.homzzang.com/b/css-107" style="color: rgb(0, 0, 0); text-decoration: none;">http://www.homzzang.com/b/css-107 

http://www.homzzang.com/b/css-105" style="color: rgb(0, 0, 0); text-decoration: none;">http://www.homzzang.com/b/css-105 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인