Maximize size of input box

입력 칸을 좌우 여백 동일하게 꽉 채우기.

by Jason Park

HTML

<div class="search-container">
  <input type="text" class="search-input" placeholder="검색어를 입력해주세요.">
</div>

CSS

.search-container {
  background-color: coral;
  padding: 10px;
}

.search-input {
  width: 100%;
  padding: 5px;
  margin: 0px;
  box-sizing : border-box;
  border: 3px solid black;
  background-color: lime;
}