极客观点
项目管理
HarmonyOS
代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>电视剧详情列表</title>
<style>
#king {
width: 300px;
}
div div:nth-of-type(2) span {
display: inline-block;
}
div div:nth-of-type(2) img,.part3Left{
float: left;
}
/*div div:nth-of-type(2) #xinxi,*/
.part3right {
float: right;
}
h2 {
font-size: 12px;
}
h1 {
font-size: 12px;
line-height: 27px;
padding-left: 38px;
}
p {
font-size: 12px;
}
#xinxi {
display: inline;
}
</style>
</head>
<body>
<div id="king">
<div>
<h1>明星荐片</h1>
</div>
<div>
<span><img src="image/3.gif" alt=""></span>
<span id="xinxi">
<h2>周秀娜荐片:让子弹飞</h2>
<p>导演：姜文</p>
<p>主演：姜文 周润发 葛优</p>
<p>点评：我最喜欢的要算《让子弹飞》了,超喜欢...[详情]</p>
</span>
</div>
<div>
<p><span class="part3Left">《巴别塔》：好的故事引人深思</span><span class="part3right">阿朵</span></p>
<p><span class="part3Left">《洛杉矶之战》：外星人那么弱智？</span><span class="part3right">丁子俊</span></p>
<p><span class="part3Left">《让子弹飞》：武侠里也可以有爱情</span><span class="part3right">周秀娜</span></p>
<p><span class="part3Left">《剑雨》：好的故事引人深思</span><span class="part3right">叶年生</span></p>
<p><span class="part3Left">《春风沉醉的夜晚》：非常真实</span><span class="part3right">如小果</span></p>
<p><span class="part3Left">《克洛伊》：故事简单却细致</span><span class="part3right">刘若英</span></p>
</div>
</div>
</body>
</html>我做出来的效果是这样的：
书上的答案是这样的：
我把这个题目分成了三个模块，如图，中间的是模块二。如图
我的问题是：
模块二单独一行，中间图片是浮动的，为什么文字没办法在右边啊，而是放在了图片的下方。这个看不懂了，有高手可以指点一下么？
html5