另外,如果该HTML代码是嵌入在其他HTML文档中的,您还需要将其放置在HTML文档的<body>标签中,以确保正确显示。以下是修改后的示例代码:
<!DOCTYPE html>
<html>
<head>
<title>示例</title>
<style type="text/css">
div.one {
width: 100px
height: 100px
border: 2px solid black
}
</style>
</head>
<body>
<h1>呵呵呵</h1>
<div class="one"><p>啊啊啊啊啊你你你</p></div>
</body>
</html>
在这个示例中,div元素的样式已经指定了单位,并且被嵌入在HTML文档的<body>标签中。这应该可以正常显示了。
1、新建一个html文件,命名为test.html,用于讲解css如何设置p标签文字四周空白的距离。2、在test.html文件内,使用p标签创建一行文字,用于测试。
3、在test.html文件内,设置p标签的class属性为ptwo。
4、在test.html文件内,通过class设置p标签的样式,让p标签浮动向左,并定义它的背景色为灰色。
5、在css标签内,使用padding属性设置p标签的内边距为20px,从而实现文字四周空白距离的定义。以上就是css怎么把p便签放在div距离20px的方法。