从 openstreetmap 页面上的共享选项卡,我可以将地图视图导出为 HTML,例如:
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.openstreetmap.org/export/embed.html?bbox=6.047544479370118%2C46.23053702499607%2C6.061706542968751%2C46.23821801159735&layer=mapnik" style="border: 1px solid black"></iframe>
<br/><small><a href="https://www.openstreetmap.org/#map=17/46.23438/6.05463">View Larger Map</a></small>
Run Code Online (Sandbox Code Playgroud)
我想将它嵌入到 github 上的 README.md 页面中,例如
环顾四周,最接近iframe在 markdown 中嵌入s 的是git lab guide。随后我尝试了<figure class="video_container">标签,但在 gitlab 或 github 上都看不到它。
# how to find us?
we will be here:
<figure class="video_container">
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.openstreetmap.org/export/embed.html?bbox=6.047544479370118%2C46.23053702499607%2C6.061706542968751%2C46.23821801159735&layer=mapnik" style="border: 1px solid black"></iframe>
</figure>
Run Code Online (Sandbox Code Playgroud)
我是否遗漏了一些东西,或者这更好地留给真正的 HTML 而不是降价可以/应该做什么?
所以我想要的是在给定的 H1 主标题的左侧有一个图标。不幸的是,到目前为止我还没有找到任何方法来实现这一目标。一种潜在的变体是为两者编写基本的 HTML,但是,我没有从标题中的降价中受益。无论如何知道这样做的更好方法吗?
我试过这个:

# Quite a long title, potentially going over several lines
Run Code Online (Sandbox Code Playgroud)

这根本不起作用
{:style="float: right;margin-right: 7px;margin-top: 7px;"}
# Quite a long title, potentially going over several lines
Run Code Online (Sandbox Code Playgroud)
{:style="float: right;margin-right: 7px;margin-top: 7px;"}
像这样使用 html,无法识别降价:

# Quite a long title, potentially going over several lines
Run Code Online (Sandbox Code Playgroud)
也使用直接 html:
{:style="float: right;margin-right: 7px;margin-top: 7px;"}
# Quite a long title, potentially going over several lines
Run Code Online (Sandbox Code Playgroud)
在这里,如果标题不在新行上,则不会将其识别为降价。
编辑建议的答案在 stackoverflow 上看起来是正确的,但在我的 github 上它看起来像这样:

问题是我们可以让标题与图像的顶部对齐吗?