Запустить ❯
❯
Запустить код
Ctrl+Alt+R
Изменение ориентации
Ctrl+Alt+O
Изменить тему
Ctrl+Alt+D
Перейти в раздел «Облако»
Ctrl+Alt+P
<!DOCTYPE html> <html> <head> <style> div { border: 3px solid #4CAF50; padding: 5px; } .img1 { float: right; } .img2 { float: right; } .clearfix::after { content: ""; clear: both; display: table; } </style> </head> <body> <h2>Без Clearfix</h2> <p>Это изображение перемещается вправо. Оно также выше элемента, содержащего его, поэтому оно выходит за пределы своего контейнера:</p> <div> <img class="img1" src="pineapple.jpg" alt="Pineapple" width="170" height="170"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus imperdiet... </div> <h2 style="clear:right">С новым современным Clearfix</h2> <p>Добавьте взлом clearfix к содержащему элементу, чтобы устранить эту проблему:</p> <div class="clearfix"> <img class="img2" src="pineapple.jpg" alt="Pineapple" width="170" height="170"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus imperdiet... </div> </body> </html>
×
Сообщить об ошибке:
Ваш E-mail:
Адрес страницы:
Описание:
Отправить
