¿Cómo muevo un div hacia el lado derecho de la pantalla pero hago que el texto se alinee con el borde izquierdo del div?

Question

aquí es mi código:

<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> 

Cuando intento esto, todo está alineado a la izquierda. Si uso float: right, entonces PTable y Notify están uno al lado del otro. A diferencia de PTable está debajo de Notificar.

Lo que me gustaría es: notificar en la parte superior y todo el texto en su divisor interno alineado en el borde izquierdo del div interior. PTable debajo de Notify alineó cómo el navegador lo ve conveniente.

Answer 1

Desea utilizar float: right y luego text-align: left en div#Notify para lograr este efecto. Además, para asegurarse de que PTable no aparezca junto a Notify, use clear: both.

#Notify, #PTable { 
    clear: both; 
} 

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

JS violín: http://jsfiddle.net/SDDG2/2/

Answer 2

necesita especificar un ancho fijo para el div Notificar, esto asegurará que PTable no está junto a él.

Answer 3

¡Esto parece funcionar!

<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

Puede mover div lado superior del div para excepto: -

$ ("# padres") prepend ($ ("# exterior"));.