如果在</p> <p>中只允许内嵌元素，如何在<p>中为图像添加标题？</p>

Question

这对我来说是新的：在<p> </p>中，HTML中只允许使用内嵌元素。那么如何在HTML段落中为图像制作字幕？我有这个，但它使用div，<p>：

中不允许使用div

<div class='image floatright' style='width:228px;margin:0 0 0 10px;'>
  <a rel='article' href='images/articles/comenius_logo.jpg' title=''>
    <img style='width:218px' src='images/articles/comenius_logo.jpg' alt='' />
  </a>
  Caption of the image
</div>

我可以将它放在段落之外，但它会在顶部，我并不总是想要。 而且我也可以使用div而不是段落，但是html源代码的语义会丢失。

我不知道我能做什么：\我找到的所有解决方案都使用块元素，如table，div，figure等。

Answer 1

您可以将<div>替换为<span>，然后使用display:block;设置样式。 <span>仍然是内联元素（即使它看起来像块级元素），因此传递HTML验证。