在谷歌地图框架旁边放置社交媒体链接？

Question

我已经使用iframe标签放置了谷歌地图，并且在div标签中有社交媒体链接。我想要做的是将链接(只有社交媒体徽标)放在谷歌地图框架的旁边。

<iframe src="googlemapslinkhere" width="400" height="300" style="border:0;" allowfullscreen="" loading="lazy"></iframe>

我在div标签里有这些链接。

<li><a href="#"><img src="whatsapp.png" alt="whatsapp" height="25" width="25"></li>
<li><a href="#"><img src="youtube.png" alt="youtube" height="25" width="25"></li>
<li><a href="#"><img src="instagram.png" alt=instagram" height="25" width="25"></li>

我尝试使用align，但链接最终放在google地图框架的下方。我该怎么办？

Answer 1

也许是这样的

​

.container {
display: flex;
}
.list{
list-style: none;
}

<div class="container">
<iframe src="googlemapslinkhere" width="400" height="300" style="border:0;" allowfullscreen="" loading="lazy"></iframe>


<ul class="list">
<li><a href="#"><img src="whatsapp.png" alt="whatsapp" height="25" width="25"></li>
<li><a href="#"><img src="youtube.png" alt="youtube" height="25" width="25"></li>
<li><a href="#"><img src="instagram.png" alt=instagram" height="25" width="25"></li>
</ul>
</div>

​