보통 HTML에서 <div>를 쓸 경우 세로로 쭉 배치되는데 이를 가로로 배치를 하려고 할 때..! 각자의 클래스가 card1, card2, card3라고 하자.
CSS에서
.card {
float : left;
}
.card2 {
float : left;
}
.card3 {
float : right;
}
이런식으로 해주면 왼쪽 오른쪽으로 위치되는 것을 볼 수 있다. 적당히 마진을 주면 깔끔해진다..!
보통 HTML에서 <div>를 쓸 경우 세로로 쭉 배치되는데 이를 가로로 배치를 하려고 할 때..! 각자의 클래스가 card1, card2, card3라고 하자.
CSS에서
.card {
float : left;
}
.card2 {
float : left;
}
.card3 {
float : right;
}
이런식으로 해주면 왼쪽 오른쪽으로 위치되는 것을 볼 수 있다. 적당히 마진을 주면 깔끔해진다..!