HTML/CSS显示：内联问题

我在一个HTML文档中有多个文本段落。此外，在不同的地方，一些文本被包装在

标记中，这意味着要应用某些字体效果。在我的CSS中，h6标记被设置为

display:inline这样段落就可以连续进行，没有断行。除了在使用h6的每个页面上的第一个实例：在第一个元素之前总是有一个换行符。有人知道为什么/如何防止这种情况吗

CSS:

HTML:

正如预期的那样，（在这个平面上）在一段时间内没有完成很多工作
这是一个五天的周末，大部分时间都用来上大学
过程然而，我只做了一些HTML验证
错误。其中有几个问题特别严重，
处理我提到的新Lytebox JavaScript
前面：要在图像上启用Lytebox，需要给它一个CSS标记
数据分析选项。。。

h6的第二个精髓工作正常，但在第一个精髓之前有一个换行符。
尝试使用CSS选择器专门针对该实例。不是100%确定这会解决它，但值得一试

h6:first-child { display:inline; }

标题元素不能包含在段落中，因为它们本质上被视为块级元素，因此浏览器在到达块级元素（如标题）时会打断段落

浏览器会将您的特定HTML更改为：

<p>
As expected, not a lot was accomplished (in this plane) over a
five-day weekend when much of it was devoted tot he college
process. However, I'm down to only a handful of HTML-validation
errors. A couple of which are going to be particularly problematic,
dealing with my new
</p>                           <!-- browsers end a paragraph here!!!!! -->
<h6>Lytebox JavaScript</h6>
I talked about earlier: to enable Lytebox on an image, you give it a CSS tag
<h6>data-lyte-options</h6>
...
<p></p>


正如预期的那样，在一个月内（在这架飞机上）没有完成多少工作
这是一个五天的周末，大部分时间都用来上大学
过程然而，我只做了一些HTML验证
错误。其中有几个问题特别严重，
处理我的新工作

Lytebox JavaScript
我之前提到过：要在图像上启用Lytebox，需要给它一个CSS标记
数据分析选项
...


我在HTML规范中发现了一个错误：

p元素表示一个段落。它不能包含块级元素（包括P本身）

这涉及到块级元素：

样式表提供了指定任意元素渲染的方法，包括元素渲染为块还是内联。在某些情况下，例如列表元素的内联样式，这可能是合适的，但一般来说，作者不希望以这种方式覆盖HTML元素的常规解释

解决方案
问题在于，您使用的标题与通常的段落文本一样（具有自己的样式）。您应该使用
SPAN
元素来使HTML有效

如果您只想将文本格式化为代码显示，那么您也可以使用
code
元素，该元素应完全用于此目的。
为什么不创建一个唯一的类，并根据需要将其应用于
标记。您提到了一些包装在h6标记中以应用样式。这可以通过
实现，但您仍然可以使用
常规的p标记

然后，使用h6，您可以将它们向左浮动，而不是使用
display:inline
或do
inline block
，对所有对象的影响几乎相同。然后根据需要将填充边距应用于所有样式。
您希望元素内联并正确应用特殊字体格式吗？？然后您可以将它们括在“span”标记中

As expected, not a lot was accomplished (in this plane) over a five-day weekend when much of it was devoted tot he college process. However, I'm down to only a handful of HTML-validation errors. A couple of which are going to be particularly problematic, dealing with my new <span>Lytebox JavaScript</span> I talked about earlier: to enable Lytebox on an image, you give it a CSS tag <span>data-lyte-options</span>

span { font-family:'Courier New',Courier,'Nimbus Mono L',monospace;font-size:125%;}

正如所料，（在这架飞机上）在五天的周末里完成的事情并不多，而大部分时间都花在了大学的学习上。然而，我只发现了一些HTML验证错误。其中有两个问题会特别严重，处理我前面提到的新Lytebox JavaScript：要在图像上启用Lytebox，需要为其提供CSS标记数据lyte选项
span{字体系列：'Courier New'，Courier，'Nimbus Mono L'，monospace；字体大小：125%；}
发布您的css以便我们可以查看请发布您的html，至少对于
h6
部分。。。可能换行符属于上一个元素/标记？您是否在
P
内有
H6
？您的
P
元素也内联吗？向我们展示一个简化的HTML示例。或者更好：将标题内联在一起有点滥用-使用具有等效格式的
不是更好吗？H6在P中，我将在一分钟后发布一个示例。我不认为在P中包含H6是一个问题，因为除了第一个实例之外，其他所有实例都可以工作，W3C对此没有问题。这不是css3选择器。第一个孩子一直使用CSS。对不起，我太习惯jQuery选择器了。你的CSS，将display:inline设置为h6，p而不仅仅是h6，成功了。谢谢你。@ConnorNeville:但别那么做。您的
h6
元素仍然不包含在段落中，即使您已将它们放在标记中。检查是否清楚地显示此问题。而是听从我的建议，不要这样做，而是用一些固有的内联内容替换
h6
。。。
<p>
As expected, not a lot was accomplished (in this plane) over a
five-day weekend when much of it was devoted tot he college
process. However, I'm down to only a handful of HTML-validation
errors. A couple of which are going to be particularly problematic,
dealing with my new
</p>                           <!-- browsers end a paragraph here!!!!! -->
<h6>Lytebox JavaScript</h6>
I talked about earlier: to enable Lytebox on an image, you give it a CSS tag
<h6>data-lyte-options</h6>
...
<p></p>

As expected, not a lot was accomplished (in this plane) over a five-day weekend when much of it was devoted tot he college process. However, I'm down to only a handful of HTML-validation errors. A couple of which are going to be particularly problematic, dealing with my new <span>Lytebox JavaScript</span> I talked about earlier: to enable Lytebox on an image, you give it a CSS tag <span>data-lyte-options</span>

span { font-family:'Courier New',Courier,'Nimbus Mono L',monospace;font-size:125%;}