Обтекание текста
Оформление изображений
01. Язык семантической разметки
Разработка учебных курсов SAVANT.PRO
Обтекание текста
Обтекание текста задается с помощью «висячего» отображения блоков с изображением. Рассмотрим несколько примеров с обтеканием.
Изображение слева — текст справа
Обычный параграф.
![][sample] {.left-float}
Этот текст обтекает картинку *справа*.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean gravida justo ultricies nisi laoreet fringilla. Curabitur eget erat sit amet nisi sagittis tincidunt. Quisque.
{.clear}
Этот блок завершает обтекание.
Обычный параграф.
Этот текст обтекает картинку справа.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean gravida justo ultricies nisi laoreet fringilla. Curabitur eget erat sit amet nisi sagittis tincidunt. Quisque.
Этот блок завершает обтекание.
Изображение справа — текст слева
Обычный параграф.
![][sample] {.right-float}
Этот текст обтекает картинку *слева*.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean gravida justo ultricies nisi laoreet fringilla. Curabitur eget erat sit amet nisi sagittis tincidunt. Quisque.
{.clear}
Этот блок завершает обтекание.
Обычный параграф.
Этот текст обтекает картинку слева.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean gravida justo ultricies nisi laoreet fringilla. Curabitur eget erat sit amet nisi sagittis tincidunt. Quisque.
Этот блок завершает обтекание.