实例
<!DOCTYPE html>
<html lang="zh-Hans">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style type="text/css">
img{
float: left;
}
ol li{
display: inline;
list-style-type: none;
overflow: hidden;
clear: both;
}
</style>
</head>
<body style="width: 960px;margin: auto">
<!--https://gss0.bdstatic.com/94o3dSag_xI4khGkpoWK1HF6hhy/baike/w%3D268%3Bg%3D0/sign=a429492e389b033b2c88fbdc2df551ee/38dbb6fd5266d0167927ca029b2bd40735fa35d9.jpg
-->
<div class="box1">
<h1>周杰伦</h1>
<img src="https://gss0.bdstatic.com/94o3dSag_xI4khGkpoWK1HF6hhy/baike/w%3D268%3Bg%3D0/sign=a429492e389b033b2c88fbdc2df551ee/38dbb6fd5266d0167927ca029b2bd40735fa35d9.jpg" alt="周杰伦图片">
<span style="clear: both">周杰伦（Jay Chou），1979年1月18日出生于台湾省新北市，中国台湾流行乐男歌手、音乐人、演员、导演、编剧、监制、商人。</span><br>
<ol>
<li>2000年发行首张个人专辑《Jay》。</li>
<br>
<li>2001年发行的专辑《范特西》奠定其融合中西方音乐的风格。</li>
<br>
<li>2002年举行“The One”世界巡回演唱会。</li>
<br>
<li>2003年成为美国《时代周刊》封面人物。</li>
<br>
<li>2004年获得世界音乐大奖中国区最畅销艺人奖。</li>
<br>
<li>2005年凭借动作片《头文字D》获得台湾电影金马奖、香_港电影金像奖最佳新人奖。</li>
<br>
<li>2006年起连续三年获得世界音乐大奖中国区最畅销艺人奖。</li>
<br>
<li>2007年自编自导的文艺片《不能说的秘密》获得台湾电影金马奖年度台湾杰出电影奖。</li>
<br>
<li>2008年凭借歌曲《青花瓷》获得第19届金曲奖最佳作曲人奖。</li>
<br>
<li>2009年入选美国CNN评出的“25位亚洲最具影响力的人物”。同年凭借专辑《魔杰座》获得第20届金曲奖最佳国语男歌手奖。</li>
<br>
<li>2010年入选美国《Fast Company》评出的“全球百大创意人物”。</li>
<br>
<li>2011年凭借专辑《跨时代》再度获得金曲奖最佳国语男歌手奖，并且第4次获得金曲奖最佳国语专辑奖。同年主演好莱坞电影《青蜂侠》。</li>
<br>
<li>2012年登福布斯中国名人榜榜首。</li>
<br>
<li>2014年发行华语乐坛首张数字音乐专辑《哎呦，不错哦》。</li>
<br>
<li>2018年举行“地表最强2世界巡回演唱会”。</li>
<br>
</ol>
</div>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
