[英]Aligning text with svg image
如何将 next 放在 svg 对象旁边。
我得到的结果是:
我想要的结果是在 svg 图像旁边添加文本:
这是 HTML:
<div class="alert alert-success smallFont" id="instruction">
<object data="images/information.svg" type="image/svg+xml" id="object">
<p id="mapsInstructionOne" class="mapsInstructionOne" align="center"></p>
</object>
</div>
您可以使用 CSS 并更改标记来实现此目的:
HTML:
<div class="alert alert-success smallFont" id="instruction">
<p id="mapsInstructionOne" class="mapsInstructionOne" align="center"></p>
<object data="images/information.svg" type="image/svg+xml" id="object"></object>
</div>
然后在您的 CSS 文件中,您可以为段落标记使用浮点数:
#mapsInstructionOne {
float: right;
}
根据您希望文本如何换行,您还可以选择浮动对象标签。 在这种情况下 -
HTML:
<div class="alert alert-success smallFont" id="instruction">
<object data="images/information.svg" type="image/svg+xml" id="object"></object>
<p id="mapsInstructionOne" class="mapsInstructionOne" align="center"></p>
</div>
CSS:
#object {
float: left;
}
注意:这些示例将段落标记从对象标记的子项中删除。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.