divを画面の右側に移動するにはどうすればよいですか？divの左枠のテキストを整列させますか？ここ

Question

は私のコードです：

<div id="Notify" style="clear:both;"> 
    <div style="text-align:right;"> 
     <div style="text-align:left;"> 
      Send Table to Standards By Email. (everything below is a placeholder) 
      <br /><br /> 
      Saved at: @DateTime.Now.ToString() 
      <br /> 
      Saved by: 107 
      <br /><br /> 
      <input type="submit" value="Send Email" /> 
     </div> 
    </div> 
</div> 
<br /> 
<br /> 
<div id="PTable"> 
    Products Table Placeholder 
</div> 

私はこれをしようとすると、すべてが左に揃えられます。 float：rightを使用すると、PTableとNotifyが並べて表示されます。 PTableが通知の下にあるのとは対照的に。

私が望むのは、内部divの上端とすべてのテキストを内側divの左端に揃えて通知することです。 Notifyの下のPTableは、ブラウザがどのように見えるかを調整します。

Answer 1

div#Notifyにfloat: right、次にtext-align: leftを両方とも使いたい場合は、この効果を達成してください。さらに、PTableがNotifyの横に表示されないようにするには、clear: bothを使用してください。

#Notify, #PTable { 
    clear: both; 
} 

#Notify { 
    float: right; 
    text-align: left; 
} 

JSフィドル：http://jsfiddle.net/SDDG2/2/

Answer 2

あなたは、これはPTableはその横ではないことを保証します、希望のdivのために一定の幅を指定する必要があります。

Answer 3

これは動作するようです。

<div id="Notify" style="clear:both;"> 
    <div style="float:right;"> 
     <div style="text-align:left;"> 
      Send Table to Standards By Email. (everything below is a placeholder) 
      <br /><br /> 
      Saved at: @DateTime.Now.ToString() 
      <br /> 
      Saved by: 107 
      <br /><br /> 
      <input type="submit" value="Send Email" /> 
     </div> 
    </div> 
</div> 
<br /> 
<br /> 
<div id="PTable" style="clear:both;"> 
    Products Table Placeholder 
</div> 

Answer 4

あなたは元のためのdiv のdivの上側を移動することができます： - 。

$（ "＃親"）先頭に追加（$（ "＃の外"））;