如何使用HTML将文本添加到此地图的右侧？

`我正在为一家公司编写一个网站，他们希望他们的公司时间出现在主页上。我在网站上添加了一张地图，但不知道如何将文本直接添加到地图的右侧。我尝试了几种不同的float:right和float:left，但都没有效果。谢谢

<section id = "map">
<div class = "container">
<h2>Find Us Today!</h2>
<div class="mapouter">
<div class="gmap_canvas">
<iframe width="600" height="500" id="gmap_canvas" 
src="https://maps.google.com/maps? 
q=
5217%20Dominion%20Drive%20Dublin%2C%20VA%20&t=&z=13&ie=UTF8&iwloc=
&output=embed" frameborder="0" scrolling="no" marginheight="0" 
marginwidth="0"></iframe>
<a href="https://www.embedgooglemap.net"></a>
</div>
<style = float.left>.mapouter{text- 
align:right;height:500px;width:600px;}.gmap_canvas 
{overflow:hidden;background:none!important;height:500px;width:600px;} 
</style>
</div>
</div>
</section>

<section id = "contact">
<div class = "container">
<h3>XXXXXXXXXXXXXXXXXXXXX</h3>
<p>5217 Dominion Drive <br>
  Dublin, Virginia, 24084<br>
  <br>

<h3>Contact Us</h3>
<p>(540)-XXXXXXXX</p>

<h3>Hours</h3>
<p>Monday: 9AM to 5PM<br>
 Tuesday: 9AM to 5PM<br>
 Wednesday: 9AM to 5PM<br>
 Thursday: 9AM to 5PM<br>
 Friday: 9AM to 5PM<br>
 Saturday: 9AM to 5PM<br>
 Sunday: 9AM to 5PM<br>
 </p>
 </div>
 </section>

使用float:right；使文本向右浮动。显示：内联块还使元素并排排列

div{ 显示：内联块； } 随机文本。随机文本。随机文本。随机文本。

---

文本在左边。我们需要看一些代码。这听起来像是一个CSS问题。您是在使用样式表还是只对样式进行内联编码？您正在添加的文本会发生什么变化？它是隐藏在地图后面还是被推到页面的其他地方？你错过了很多必要的信息来帮助这一点，这可能是你被否决的原因。你试过用鼠标右键点击页面，然后查看它在做什么吗？如果该站点是实时的，或者您正在以任何方式广播该页面，我可能会找到它。

使用display:absolute；并设置top和right属性元素与页面顶部和右侧的距离。使用“最大宽度”，使iframe不会与文本的div重叠

今天就找到我们！ .mapouter{文本- 对齐：右；高度：500px；宽度：600px；}.gmap\u画布 {溢出：隐藏；背景：无！重要；高度：600px；宽度：600px；} XXXXXXXXXXXXXXXXXX 道明道5217号 弗吉尼亚州都柏林，24084 联系我们 540-XXXXXXXX

小时 星期一：上午9时至下午5时 星期二：上午9时至下午5时 星期三：上午9时至下午5时 星期四：上午9时至下午5时 星期五：上午9时至下午5时 星期六：上午9时至下午5时 星期日：上午9时至下午5时

---

请发布您的代码并添加代码。第一部分将地图正确地添加到页面中，我想在代码右侧添加第二部分文本，在图片中显示的空白处。对于OP中缺少信息，我也表示歉意，这是我第一次询问stackoverflow。谢谢你的帮助！你想在旁边放什么？地图，联络人？甚至不是有效的html。如果你浮动.mapouter&联系left，你应该得到你想要的；已经尝试过了，但是没有用。@MattJackson谢谢你告诉我。我已经添加了另一个解决方案。只是附带了第二个解决方案，如果文本在地图后面加载，您可以考虑调整Z索引。如果这是问题的一部分，以下链接可能会有所帮助：文本显示在地图下方，我只是想让它出现在地图的右边，把一段代码放在一起，看看发生了什么…这里也有一些html错误…我会给你设置好的…这应该可以帮助你朝着一个更好的方向发展：我把所有的东西都改成了ID，而不是类和ID的混合…我还添加了一个样式表，所以一切都是正确的。@Yannik24-我提供的codepen解决方案是否为您解决了问题，或者您还需要一些帮助？我刚刚尝试过，效果非常好！为了美观，我不得不对填充物做了一些调整，但还是非常感谢！