헬퍼 클래스

닫기 버튼

float 정렬

이 부분은 pull-right을 적용해 준 상태입니다. 따라서 오른쪽에 박스가 배치되어 있습니다.
이 부분은 pull-left을 적용해 준 상태입니다. 따라서 왼쪽에 박스가 배치되어 있습니다.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum varius imperdiet enim eu ullamcorper. Sed nisl nulla, ullamcorper pellentesque eleifend sit amet, pellentesque at ipsum. Aliquam non vestibulum nisl, pulvinar eleifend erat. Aliquam vel sem vulputate, aliquet turpis vel, adipiscing justo. Suspendisse ullamcorper venenatis facilisis. Suspendisse semper, eros sed convallis rutrum, dui lectus vulputate neque, sed ultricies leo dolor laoreet nunc. Phasellus id aliquet purus, ac aliquam arcu.


.clearfix를 이용한 정렬 해제

이 부분은 pull-right을 적용해 준 상태입니다. 따라서 오른쪽에 박스가 배치되어 있습니다.
이 부분은 pull-left을 적용해 준 상태입니다. 따라서 왼쪽에 박스가 배치되어 있습니다.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum varius imperdiet enim eu ullamcorper. Sed nisl nulla, ullamcorper pellentesque eleifend sit amet, pellentesque at ipsum. Aliquam non vestibulum nisl, pulvinar eleifend erat. Aliquam vel sem vulputate, aliquet turpis vel, adipiscing justo. Suspendisse ullamcorper venenatis facilisis. Suspendisse semper, eros sed convallis rutrum, dui lectus vulputate neque, sed ultricies leo dolor laoreet nunc. Phasellus id aliquet purus, ac aliquam arcu.


콘텐츠 보이고 숨기는 방법
여기 콘텐츠는 보입니다.
여기 콘텐츠는 숨겨집니다.

스크린 리더용 콘텐츠
이 부분은 스크린 리더에서는 건너 뜁니다.
텍스트는 숨기고 배경이미지로 대체 하는 방법

9pixelstudio