태그와 태그 사이 엔터 여백이 생기는 문제 해결방법

태그와 태그 사이 엔터 여백이 생기는 문제 해결방법

float:left 를 넣어주면 해결이 된다.

<img src="">

<img src="">

이미지 사이에 공백이 생기는 경우의 해결방법이다.

<style>

.btn_test1 { background-color:#CCCCCC; }

.btn_test2 { background-color:#CCCCCC;float:left; }

</style>

<div>

<button class="btn_test1">1번</button>

<button class="btn_test1">2번</button>

<button class="btn_test1">3번</button>

<button class="btn_test1">4번</button>

<button class="btn_test1">5번</button>

</div>

<br/>

<div>

<button class="btn_test2">1번</button>

<button class="btn_test2">2번</button>

<button class="btn_test2">3번</button>

<button class="btn_test2">4번</button>

<button class="btn_test2">5번</button>

</div>