이 블록을 어떻게 이동합니까?

코딩에 익숙하지 않으므로 이것이 기본적인 질문이라면 유감입니다. 텍스트를 화면의 왼쪽에, 양식을 화면의 오른쪽에 넣으려고합니다. 나는 두 항목을 정확하게 위치시킬 수 있었지만, 어떤 이유로 텍스트가 잘못 포장되도록 강제되고있다. 나는 텍스트는 다음과 같이 보이도록 노력하고이 블록을 어떻게 이동합니까?

: "당신이 내일을 줄 수
되지 않습니다 인재를 고용"

그러나

는 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입니다 : 다음은 텍스트를 제어하는 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>

출처

2013-02-19 Philip7899

당신은 양식의 HTML을 추가 할 수 있습니까? – JSW189

양식이 Iframe 내부에 있습니다. 위의 주요 질문에 iframe 코드를 추가하겠습니다. 감사. 지금 당장하고 있어요 – Philip7899

iframe을 추가했습니다. – Philip7899

.SimpleText의 너비를 확장하면이 문제를 해결할 수 있습니다. 예를 들어 :

.SimpleText { 
    width:968px; 
}

JS Fiddle Example

출처

2013-02-19 20:22:55 JSW189

좋아, 고마워. 나는 당신의 대답을 투표했지만, 아직 높은 평판이 충분하지 않습니다. – Philip7899

이 블록을 어떻게 이동합니까?

답변

관련 문제