Padding :: SW builders challenge

Q. 회원가입 하고 로그인 페이지 topbar라는 div에 검색창하고 검색버튼 정렬이 이상하게 돼있어서 확인 부탁드립니다!

<기존코드>

<div class="topbar">

    <div class="searchbar">

    <input id="search" type=text placeholder="검색어를 입력하세요" size="100">

    <input id="searchsub" type="submit" value="검색">

    </div>

   
       {% if user.is_authenticated %}

       {{request.user}}

       {% else %}

       비로그인 상태입니다.

       {% endif %}

   </div>

 

A. Padding값을 주어 해결했어요.

<div class="topbar">

    <div class="searchbar">

        <input id="search" type=text placeholder="검색어를 입력하세요" size="100">

        <input id="searchsub" type="submit" value="검색" style="padding-top: 5px" onclick='searchval()'>

    </div>

    {% if user.is_authenticated %}

    {{request.user}}

    {% else %}

    비로그인 상태입니다.

    {% endif %}

</div>

Leave a Reply

Your email address will not be published. Required fields are marked *