如果问题太简单，我深表歉意。我敢肯定是这样，但我已经将此代码通过 W3C.org 上的验证程序并查看了该站点上的相关链接和字符串，但我没有找到任何答案，至少是这样我能理解。
我有一个非常基本的 html 文档，头部有一些 css 样式。我想要做的就是使用简单的 css 样式让副本环绕图像。
我只是在学习如何做到这一点，并且正在按照书中的示例进行操作，但是代码没有按预期工作。
这是我的代码。我究竟做错了什么？ (我正在使用在 Yosemite 上运行的 Chrome 和 Safari。 ____________________ 代码开头_____________________
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<head>
<title>Float</title>
<meta http-equiv="content-type" content="text/html lang="en-US">
<style type="text/css">
.featureimage {
float: left;
width: 300px;
}
p.copy {
float: right;
align: center;
}
</style>
</head>
<body>
<h1>This Is A Very Large Housing D,evelopment.</h1>
<img src="BLDGS-300x200.jpg" width="300" height="200" alt="hi-rise" class="featureimage">
<p class="copy"> At vero eos et accusamus et iusto odio dignissimos ducimus, qui blanditiis praesentium voluptatum deleniti atque corrupti, quos dolores et quas molestias excepturi sint, obcaecati cupiditate non provident, similique sunt in culpa, qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, repellat… </p>
</body>
</html>
_________________ end of code ______________________
最佳答案
因为您在段落中指定了 float: right，所以它与之前的 float 内容交互的规则发生了变化。这会将它向下移动到一个新行。
删除 float:right 文本将环绕图像。
align:center 是无效的 CSS。没有 align 这样的属性。
关于html - 未应用文档头中的 css 样式，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41527732/