enclosing-floats.htm

来自「CSS网页布局与美化」· HTM 代码 · 共 52 行

HTM
52
字号
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Enclosing Floats</title><style type="text/css"><!--.clear {  clear: both;}.news {  background-color:#eaeaea;  border: solid 1px #999;	width: 500px;}.news img {  float: left;	padding: 10px 0 10px 10px;}.news p {  float: right;	width: 350px;	margin: 0;	padding: 10px 10px 10px 0;}--></style></head><body><div class="news"><img src="atol.jpg" width="120" height="180" /><p>One of the most impressive flights ever has to be landing at Male airport in the Maldives. As the plane descends, stretching before you is a sea of azure blue reefs and atolls. The engines ease off and the plane gently floats down, almost skimming the water before finally touching down. Male airport sits on it's own private Atoll so transfers to your hotel are either by speedboat or, if you're lucky, by sea plane. Beats descending into Heathrow airport and then fighting your way to the train or bus station any day.</p></div><div class="clear"></div><div class="news"><img src="atol.jpg" width="120" height="180" /><p>One of the most impressive flights ever has to be landing at Male airport in the Maldives. As the plane descends, stretching before you is a sea of azure blue reefs and atolls. The engines ease off and the plane gently floats down, almost skimming the water before finally touching down. Male airport sits on it's own private Atoll so transfers to your hotel are either by speedboat or, if you're lucky, by sea plane. Beats descending into Heathrow airport and then fighting your way to the train or bus station any day.</p><div class="clear"></div></div></body></html>

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?