Css 在背景图像中定位文本

我试图在包含背景图像的div中定位一些文本。我该怎么做呢。网站必须是响应性的。类似于此站点上的右侧部分

这是下面的代码

<div class="row">
    <div class="six columns" id="signup-section">
      <div id="bg-img">
        <div class="offset-by-two">
         <h2>Random text which should go in here</h2>
          <form>
            <input type="email">
            <span class="button">Register</span>
          </form>
        </div>
      </div>
    </div>

应该放在这里的随机文本
登记

---

bg img包含一个居中的背景图像。我希望文本和表单正好适合图像内部。这应该适用于多个分辨率。如果相对定位包含div，然后绝对定位文本元素（h1），可以使用左上右下定位将文本放置在相对于包含div的位置。如果需要更多细节，请询问。

尝试设置

style=“float:left；”
那么，你想要什么来修复上面的文本？……为粗大的文本感到抱歉。使用Zelb基金会框架来响应设计。应该使用媒体查询使其完美。谢谢