클리엘
CLIEL LAB
클리엘
전체 방문자
131,457
오늘
107
어제
331
  • 분류 전체보기 (442) N
    • Mobile (47)
      • Kotlin (47)
    • Web (84)
      • NestJS (9)
      • HTML5 & CSS3 (38)
      • Javascript (20)
      • TypeScript (6)
      • JQuery (11)
    • .NET (233) N
      • C# (57) N
      • ASP.NET Core (31)
      • Windows API for .NET (128)
    • Server (50)
      • SQL Server (8)
      • MariaDB (18)
      • Windows Server (5)
      • node.js (19)
    • System (12)
      • 작업LOG (12)
    • Review (11)
    • ETC (5)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

  • 블로그 정리

인기 글

  • [C#] C#과 .NET6 시작하기 - 3.⋯
    2022.06.24
    [C#] C#과 .NET6 시작하기 - 3.⋯
  • [C#] C# 개요 - 3. 기타 Consol⋯
    2022.06.24
    [C#] C# 개요 - 3. 기타 Consol⋯
  • [C#] 인터페이스(Interface)와⋯
    2022.06.24
    [C#] 인터페이스(Interface)와⋯
  • [C#] 예외처리
    2022.06.24
    [C#] 예외처리
  • [C#] C#과 OOP(Object-Oriented⋯
    2022.06.24
    [C#] C#과 OOP(Object-Oriented⋯

태그

  • MariaDB
  • EF-Core
  • JavaScript
  • CentOS
  • Kotlin
  • Windows API
  • .NET
  • node.js
  • CSS3
  • 변수
  • android
  • 메서드
  • NestJS
  • android studio
  • c#
  • asp.net core web api
  • jQuery
  • asp.net core
  • HTML5
  • TypeScript

최근 댓글

  • 흠... CACLS는 더이상 사용하지⋯
    클리엘
  • 안녕하세요! 아래 명령 하고부⋯
    방문자
  • 죄송합니다. 관련글을 작성한지⋯
    클리엘
  • 네 맞습니다. 본문에서는 표기⋯
    클리엘
  • 6000 ms 는 6초아닌가요?
    react

최근 글

  • [C#] LINQ(Language INtegrated⋯
    2022.07.05
    [C#] LINQ(Language INtegrated⋯
  • [C#] LINQ(Language INtegrated⋯
    2022.07.05
  • [C#] LINQ(Language INtegrated⋯
    2022.07.05
    [C#] LINQ(Language INtegrated⋯
  • [.NET] 닷넷 Type 사용하기 - 8⋯
    2022.06.26
    [.NET] 닷넷 Type 사용하기 - 8⋯
  • [.NET] 닷넷 Type 사용하기 - 7⋯
    2022.06.26

티스토리

hELLO · Designed By 정상우.
클리엘

CLIEL LAB

[HTML5&CSS3] float
Web/HTML5 & CSS3

[HTML5&CSS3] float

2019. 11. 8. 10:48
728x90

보통 이미지와 글자가 같이 있는 기사나 블로그 글을 작성할 때 이미지와 글자를 배치하는 용도로 사용하는 속성입니다. float속성을 사용하지 않은걸 예로 들면

 

위와 같이 되지만 float속성을 사용하면

<style type="text/css">
    img
    {
        float: left;
    }
</style>

위와같이 이미지와 글자의 레이아웃을 구성할 수 있습니다. 속성의 값으로는 left와 right를 사용할 수 있으며 인접한 태그를 왼쪽 혹은 오른쪽에 배치할 수 있도록 합니다.

728x90
저작자표시비영리변경금지

'Web > HTML5 & CSS3' 카테고리의 다른 글

[HTML5&CSS3] 그림자 효과  (0) 2019.11.19
[HTML5&CSS3] 위치  (0) 2019.11.13
[HTML5&CSS3] float  (0) 2019.11.08
[HTML5&CSS3] 폰트  (0) 2019.11.08
[HTML5&CSS3] 배경  (0) 2019.10.29
[HTML5&CSS3] 테두리  (0) 2019.10.28
    'Web/HTML5 & CSS3' 카테고리의 다른 글
    • [HTML5&CSS3] 그림자 효과
    • [HTML5&CSS3] 위치
    • [HTML5&CSS3] 폰트
    • [HTML5&CSS3] 배경
    CSS3, float, HTML5
    클리엘
    클리엘
    누구냐 넌?
    댓글쓰기
    다음 글
    [HTML5&CSS3] 위치
    이전 글
    [HTML5&CSS3] 폰트
    • 이전
    • 1
    • ···
    • 283
    • 284
    • 285
    • 286
    • 287
    • 288
    • 289
    • 290
    • 291
    • ···
    • 442
    • 다음

    티스토리툴바