파이어 폭스에서이 'div 상자'를 만드는 방법은 무엇입니까?

Question

어떤 종류의 메뉴에서는 오른쪽에 정렬 된 항목이있는 300 픽셀 너비의 상자를 원합니다. 나는하지만 FF에서는 IE와 크롬에서 잘 작동합니다 다음 코드를 내놓았다 :

<div style="width:300px;" align="left"> 
    <div align="right"> 
     <img src="images/item1.png">  <br/> 
     <img src="images/item2.png">  <br/> 
     <img src="images/item3.png">  <br/> 
     <img src="images/item4.png">  <br/> 
    </div> 
</div> 

UPDATE : FF에서 이미지를 정렬 바로의 대신에에, 화면의 오른쪽에 있습니다 왼쪽에서 300px

업데이트 2 : HTML 매개 변수를 사용 스타일을 맞 춥니 다 사용하지 않는, 또한

<div style="width: 300px;"> 
    <div style="float: right;"> 
     <img src='images/item1.png' /> 
    </div> 
    </div> 

아와 :이 솔루션은

Answer 1

확인을, 일을 시도를 많이 한 후, 내가 나 자신을 발견 : 텍스트 정렬 트릭 을한다 (이 여기에 이미지를 정렬 비록)

<div style="width:300px; text-align:right;"> 
    <img src="images/item1.png">  <br/> 
    <img src="images/item2.png">  <br/> 
    <img src="images/item3.png">  <br/> 
    <img src="images/item4.png">  <br/> 
    </div> 

Answer 2

은 시도 ... 텍스트 정렬 것으로 나타났다.

Answer 3

이 대신 사용해보십시오 :

<div style="width=300px;"> 
<div style="float: right"> 
    <img src="images/item1.png">  <br/> 
    <img src="images/item2.png">  <br/> 
    <img src="images/item3.png">  <br/> 
    <img src="images/item4.png">  <br/> 
</div> 
</div> 

Answer 4

이 폭을 시도해보십시오 폭하지 =

<div style="width:300px;"> 
    <div style="float: right"> 
     <img src="images/item1.png"> 
     <br /> 
     <img src="images/item2.png"> 
     <br /> 
     <img src="images/item3.png"> 
     <br /> 
     <img src="images/item4.png"> 
     <br /> 
    </div> 
</div> 

Answer 5

<div style="width:300px;"> 
<div style="float:right"> 
    <img src="images/item1.png" alt="img"/>  <br/> 
    <img src="images/item1.png" alt="img"/>  <br/> 
    <img src="images/item1.png" alt="img"/>  <br/> 
    <img src="images/item1.png" alt="img"/>  <br/> 
</div> 
</div>