생활
html 검색창 border가 잘 안나와요 ㅠㅠ 어디를 고쳐야 할까요?
div{
height: 30px;
width: 400px;
border: 1px solid #000000;
background: #ffffff;
}
input{
font-size: 16px;
width: 325px;
padding: 10px;
border: 1px;
outline: none;
float: left;
}
button{
width: 50px;
height: 100%;
border: 0px
background: #1b5ac2;
outline: none;
float: right;
color: #000000
}
</style>
</head>
<body>
<ul class="horizontal-menu">
<li><a href="#">SPo</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Contact</a></li>
</ul>
<div>
<input type="text" placeholder="검색어 입력">
<button>검색</button>
</div>위 사진처럼
검색창 밑에 선이 나와야 하는데
안 나와요
뭐가 문제죠? ㅠㅠ
그리고 검색창 자체를 메뉴에 맞게
오른쪽으로 가게 하고 싶은데
어떻게 하나요?
고수님들 답변 부탁해요...