Css 图和图的右侧浮动文本

Css 图和图的右侧浮动文本,css,html,image,figure,caption,Css,Html,Image,Figure,Caption,我今天发现了“数字”和“figcaption”元素。如何在图像和标题旁边(右侧)换行文字 <div> <img alt="Hannibal Regional Medical Building" src="https://hannibalregionalmedicalgroup.org/Portals/0/locations/hannibal_regional_medical_building_375.jpg" width="375" height="178" style="te

我今天发现了“数字”和“figcaption”元素。如何在图像和标题旁边(右侧)换行文字

<div>
<img alt="Hannibal Regional Medical Building" src="https://hannibalregionalmedicalgroup.org/Portals/0/locations/hannibal_regional_medical_building_375.jpg" width="375" height="178" style="text-align: left;" />
<figcaption>Hannibal Regional Medical Building</figcaption>
</div>
<div>
 <p>
 <span>Hannibal Regional Medical Group 
 <br />
 6500 Hos​pital Drive<br />
 Hannibal, MO  63401
 </span>
 </p>
</div>
<div>
<p><span>To make an appointment,<br />
please call 573-629-3500
</span>
</p>
</div>

汉尼拔地区医疗大楼

汉尼拔地区医疗集团

6500居屋​柱头传动装置
密苏里州汉尼拔63401

要预约,
请致电573-629-3500

HTML
元素表示标题或图例 与本节其余部分描述的图形或插图相关联的 作为其直接祖先的
元素的数据

允许的父项:一个
元素;
元素 必须是它的第一个或最后一个孩子-

这意味着在您的示例中,使用
标记作为
的直接祖先是无效的HTML。要修复此问题,您需要将
替换为

<figure>
  <img src="" alt="">   
  <figcaption>...</figcaption>
</figure>
HTML
元素表示标题或图例 与本节其余部分描述的图形或插图相关联的 作为其直接祖先的
元素的数据

允许的父项:一个
元素;
元素 必须是它的第一个或最后一个孩子-

这意味着在您的示例中,使用
标记作为
的直接祖先是无效的HTML。要修复此问题,您需要将
替换为

<figure>
  <img src="" alt="">   
  <figcaption>...</figcaption>
</figure>
HTML
元素表示标题或图例 与本节其余部分描述的图形或插图相关联的 作为其直接祖先的
元素的数据

允许的父项:一个
元素;
元素 必须是它的第一个或最后一个孩子-

这意味着在您的示例中,使用
标记作为
的直接祖先是无效的HTML。要修复此问题,您需要将
替换为

<figure>
  <img src="" alt="">   
  <figcaption>...</figcaption>
</figure>
HTML
元素表示标题或图例 与本节其余部分描述的图形或插图相关联的 作为其直接祖先的
元素的数据

允许的父项:一个
元素;
元素 必须是它的第一个或最后一个孩子-

这意味着在您的示例中,使用
标记作为
的直接祖先是无效的HTML。要修复此问题,您需要将
替换为

<figure>
  <img src="" alt="">   
  <figcaption>...</figcaption>
</figure>

汉尼拔地区医疗大楼

演示:


汉尼拔地区医疗大楼

演示:


汉尼拔地区医疗大楼

演示:


汉尼拔地区医疗大楼

演示:


将第一个
div
替换为
(仅此有效),然后将
float:left放入上的code>:


汉尼拔地区医疗大楼

汉尼拔地区医疗集团
6500居屋​柱头传动装置
密苏里州汉尼拔63401

要预约,
请致电573-XXX-XXXX


将第一个
div
替换为
(仅此有效),然后将
float:left放入上的code>:


汉尼拔地区医疗大楼

汉尼拔地区医疗集团
6500居屋​柱头传动装置
密苏里州汉尼拔63401

要预约,
请致电573-XXX-XXXX


将第一个
div
替换为
(仅此有效),然后将
float:left放入上的code>:


汉尼拔地区医疗大楼

汉尼拔地区医疗集团
6500居屋​柱头传动装置
密苏里州汉尼拔63401

要预约,
请致电573-XXX-XXXX


将第一个
div
替换为
(仅此有效),然后将
float:left放入上的code>:


汉尼拔地区医疗大楼

汉尼拔地区医疗集团
6500居屋​柱头传动装置
密苏里州汉尼拔63401

要预约,
请致电573-XXX-XXXX


您的问题不清楚,能否提供您想要的链接或示例?您可能已经发现了这些元素,但显然没有检查它们的用法和有效性规则:“[a]元素;
元素必须是它的第一个或最后一个子元素。”()。您的问题不清楚,你能提供你想要的链接或示例吗?你可能已经发现了这些元素,但显然你没有检查它们的用法和有效性规则:“[a]元素;
元素必须是它的第一个或最后一个子元素。”()。你的问题不清楚,你能提供你想要的链接或示例吗?你可能已经发现了这些元素,但显然你没有检查它们的用法和有效性规则:“[a]元素;
元素必须是它的第一个或最后一个子元素。”()。你的问题不清楚,你能提供你想要的链接或示例吗?你可能已经发现了这些元素,但显然你没有检查它们的用法和有效性规则:“[a]元素;
元素必须是它的第一个或最后一个子元素。”()。