Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 使用左边距不移动段落_Html_Css - Fatal编程技术网

Html 使用左边距不移动段落

Html 使用左边距不移动段落,html,css,Html,Css,我试图使用CSS将每一个段落从左边移动10个像素,方法是给p指定一个10px的左边距。然而,它们似乎没有更新 CSS: .集装箱{ 宽度:680px; 高度:900px; 背景图像:urlmages/bgcontainer.jpg; 溢出:自动; 左:10%; 右:10%; } p{ 左边距:10px; } 我试图移动的段落的HTML: Lorem ipsum dolor sit amet, 作为一名杰出人才,我们需要临时加入劳工等 多洛雷·麦格纳·阿利夸。这是一个小小的节日 实验室不在现场。

我试图使用CSS将每一个段落从左边移动10个像素,方法是给p指定一个10px的左边距。然而,它们似乎没有更新

CSS:

.集装箱{ 宽度:680px; 高度:900px; 背景图像:urlmages/bgcontainer.jpg; 溢出:自动; 左:10%; 右:10%; } p{ 左边距:10px; } 我试图移动的段落的HTML:

Lorem ipsum dolor sit amet, 作为一名杰出人才,我们需要临时加入劳工等 多洛雷·麦格纳·阿利夸。这是一个小小的节日 实验室不在现场。


我只希望应用CSS中编写的段落的指定属性,并实际移动段落。

删除p标记内的h5标记。 像这样,无论如何它都是无效的HTML。 结构可以是:

大字标题 副标题 一些知识的东西

副标题
更多lorem内容

您的HTML结构无效。在段落元素中使用标题元素是不可能的。因为浏览器在“看到”标题标记时会自动关闭p元素,所以html无效

不要在段落中嵌套标题

其次,HTML5不支持align。改用css或内联样式

仅使用p元素而不使用嵌套h5将按预期工作。见下文

p{ 左边距:10px; }
知识是一种美德,是一种美德,是一种美德,是一种美德。但enim ad minim veniam,quis nostrud laboraris nisi Ut aliquip ex ea.

标签只能包含内联元素。页眉标记是块级别的元素,即使将它们设置为内联显示,也不能进入标记内部。因此,您应该将段落与标题、元素分开,或者使用div而不是p元素。