css - 我如何移动这个 block ？

Question

我是编码新手，如果这是一个基本问题，我很抱歉。我试图将文本放在屏幕的左侧，将表格放在屏幕的右侧。我已设法准确定位这两个元素，但由于某种原因，文本被迫错误地换行。

我试图让文本看起来像这样:

“雇用你不会雇用的人才
能够负担得起明天!”

但是，CSS 中的某些内容强制文本像这样换行:

“雇佣你不会雇佣的人才
成为
明天买得起!”

我认为这与我将表单放置在文本右侧的方式有关。这是控制文本的 CSS:

.SimpleText { width:928px; margin:50px auto  auto  auto; padding-top: 18px; height:90px;} 
.SimpleText h2 { color:#fff; font:normal 30px  Georgia, "Times New Roman", Times, serif;     padding:0 0 0 40px; margin:0; background:url(images/h2_bg_simple_text.gif) left no-repeat;}<br>
.SimpleText p { color:#bbe2ed; font:normal 11px  Georgia, "Times New Roman", Times, serif; padding:0 0 0 60px; margin:0;}

这是管理表单的 css:

#formtest{ position: relative; float: right; left: 100px;}

这是它在 html 页面中的显示方式:

  <div class="SimpleText">
      <div id="formtest">

          <!--form is here !-->

      </div>

    <h2>Hire the talent you won't be <br />able to afford tomorrow!</h2>
    <p>Great talent you can depend upon</p>

  </div>

我怎样才能修复它以使其正确包装？谢谢。

此外，表单位于 iframe 内。这是 iframe 的代码:

<script type="text/javascript">document.write(unescape("%3Ciframe id=\"fb_iframe\"     src=\"formio.php" + window.location.search + "\" width=\"560\" height=\"677\"allowtransparency=\"true\" scrolling=\"no\" frameborder=\"0\"%3E&lt;a href=\"new_Form.php\" title=\"new_Form\"&gt;blan&lt;/a&gt;%3C/iframe%3E"));</script>
<noscript>
<iframe width="560" height="677" style="border:none; background:transparent;   overflow:hidden;"
 id="formfas" src="axyform.html">
&lt;a href="formio.php" title="new_Form"&gt;m&lt;/a&gt;
</iframe>
</noscript>

Answer 1

您可以通过扩展.SimpleText 的宽度来解决这个问题。例如:

.SimpleText {
    width:968px;
}

JS Fiddle Example