중첩 된 div에 남아있는 그림이 포함 된 div 플로팅

Question

아래 그림 (테이블 셀)의 왼쪽 그림을 플로팅하려고합니다. 아래에 표시된 것 이외의 CSS는 적용되지 않았습니다. 나는 생각할 수있는 모든 것을 시도했지만 아무 소용이 없습니다. FF로 페이지를 표시하고 있습니다.

<tr> 
    <td> 
     <div> 
      <div style="width:60%; float left;"> 
       <div> 
        <div><h4 style="margin:0px 0px;">Hello</h4> <strong>World!</strong></div> 
        <div>Line 1</div> 
        <div>Line 2</div> 
        <div>Line 3</div> 
       </div> 
       <div> 
        <div>Line 4</div> 
        <div>Line 5</div> 
       </div> 
       <!-- no effect, so commented out 
       <div style="clear:both; height: 1px;"></div> --> 
      </div> 
      <!-- I want this next div floated right as instructed in the CSS - but it has no effect! :/ -->      
      <div style="width:35%; float right;"> 
       <a href="<?php echo $row['page_link']; ?>"><img src="<?php echo $row['photo_link']; ?>" /></a> 
      </div> 
      <!-- no effect, so commented out 
      <div style="clear:both; height: 1px;"></div> --> 
     </div> 
    </td> 
    </tr> 

내가 뭘 잘못하고 있니?!

Answer 1

<div style="width:35%; float right;"> 
           ^-- missing : 

:이 없으면 방금 CSS 구문 오류가 발생하고 스타일 규칙이 무시됩니다.

Answer 2

당신은 콜론이 누락 :

<div style="width:60%; float:left;"> 

Answer 3

귀하의 플로트 : 오른쪽 명령은 잘못된 것입니다. 콜론이 없습니다. 또한, float div는 옆에 떠있는 항목 위의 코드에서 이동해야합니다. 다음과 같이 표시되어야합니다 :

<tr> 
    <td> 
     <div> 
      <!-- ABOVE AND WITH A COLON! :/ -->      
      <div style="width:35%; float:right;"> 
       <a href="<?php echo $row['page_link']; ?>"><img src="<?php echo $row['photo_link']; ?>" /></a> 
      </div> 

      <div style="width:60%; float left;"> 
       <div> 
        <div><h4 style="margin:0px 0px;">Hello</h4> <strong>World!</strong></div> 
        <div>Line 1</div> 
        <div>Line 2</div> 
        <div>Line 3</div> 
       </div> 
       <div> 
        <div>Line 4</div> 
        <div>Line 5</div> 
       </div> 

      </div> 

      <div style="clear:both; height: 1px;"></div> --> 
     </div> 
    </td> 
    </tr>