반응형
  • /* float : 좌/우 배치 속성, div박스들을 배치, 중앙배치는 없음 */

.box{
    /* 가로 */
    width: 100px;
    height: 100px;
    background-color: red;
    margin: 10px;
    /* 왼쪽 배치 */
    float: left;
}

.box2{
    /* 가로 */
    width: 100px;
    height: 100px;
    background-color: blue;
    margin: 10px;
    /* 오른쪽 배치 */
    float: right;
}

반응형

'CSS > CSS 이론' 카테고리의 다른 글

[CSS] 요소의 중앙 배치  (0) 2023.08.11
[CSS] 절대좌표와 상대좌표  (0) 2023.08.11
[CSS] display 속성 (2)  (0) 2023.08.10
[CSS] display 속성  (0) 2023.08.09
[CSS] 가상선택자  (0) 2023.08.09

+ Recent posts