我有以下标记,它会在右侧生成一个带有图像的段落。
<p>
<div style="float: right;">
<img src="http://placehold.it/100x50"/>
<div>Caption</div>
</div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Morbi commodo nibh a sem ornare porttitor.
Maecenas ultrices tristique est in interdum.
</p>
这会使图像向右浮动,但也允许文本环绕图像。
因为我使用响应式设计,所以我想知道是否有任何方法可以保留以下格式
但要按“逻辑顺序”进行编码,即;
<p>text
<div>
<img>
{caption}
最佳答案
你试过吗
text-align: left;
标题 div
?
关于html - 向右浮动但保持逻辑顺序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23825285/