html

객체 2개이상을 가로정렬하여 가운데 배치하기 <div class=”box”> <div class=”item”>item1</div> <div class=”item”>item2</div> <div class=”item”>item3</div> <div class=”item”>item4</div> </div> .box{ text-align: center; } .item{ width: 50px; height: 50px; background-color: green; display: inline-block; margin: 5px; } 결과   객체 2개이상을 정중앙에 배치하기 <div class=”box”> <div class=”item”>item1</div> <div class=”item”>item2</div> <div class=”item”>item3</div> <div class=”item”>item4</div> </div> .box{ text-align: center; display: flex; justify-content: … Read more