html(thymeleaf) 이미지 2개를 나란히 배치

html에서 이미지 2개를 나란히 배치하는 경우가 있다.

 

div로 묶고

각각의 이미지에 float:left를 적용하면 된다.

<div class="form-group">
    <label th:for="name">상품이미지</label>
        <div style="height: 200px; width: 500px;">
                <img style="height: 100%; width: 50%; float:left;" src="/img/bear.png">
                <img style="height: 100%; width: 50%; float:left;" src="/img/lion.png">
        </div>
</div>