Html Css问题：试图在父div中放置图像和文本

我知道我错过了一些简单的事情，但我遇到了困难，需要帮助。我正在努力实现以下目标：

我使用materialze CSS来使用他们的网格

<div class="container">
    <div class="row">
        <div class="col s6">
            <h3 id="ipad-image"><img src="<%= asset_path('Main copy.png') %>"></h3>
        </div>
        <div class="col s4">
            <h3 class="center">box 2 text</h3>
        </div>
    </div>
</div>

">
框2文本

有人知道我该怎么做吗

---

这就是结果

试试这个..可能有用 1） 从图像中删除h3标记（img本身是块级元素） 2） 您可能需要定义图像的宽度 (三)

框2文本

你的问题到底是什么？所提供的HTML会发生什么？请添加一个标签，以便我们能够准确地看到你所做的事情。你的图像在一列中，文本在另一列中。你的图像溢出了该列。此外，这个图像根本不可能在H3标签中。哦，上帝，我不是有意将H3标签留在那里的，我的最后一个attEmpty返回到基础，有两个h3文本元素，并在页面上拆分它们。对不起，图像不应该放在其中。没有h3标记也会发生同样的情况。关于如何阻止图像溢出到其他列中，有什么建议吗？

<div class="col s4">
            <h3 class="pull-right">box 2 text</h3>
 </div>