float

imjingu·2023년 7월 2일
0

개발공부

목록 보기
17/481

float 속성
float의 사전적 의미는 '떠오르다', '떠다니다'.
웹페이지에서는 float을 왼쪽이나 오른쪽에 배치할 떄 사용하며
배치를 하지 않을 경우 'none'으로 표현

left : 문서의 왼쪽으로 배치
right : 문서의 오른쪽으로 배치
none : 배치하지 않음 정렬하지 않음

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
      
        .camera {
            float: left;
        }
    </style>
</head>
<body>
    
    <img src="../img/camera01.png" class="camera">
    <h2>TITLE-1</h2>
    <P>
        Lorem Ipsum is simply dummy text of the printing and typesetting industry.
    </P>
</body>
</html>

0개의 댓글