Выровнять внутри div вправо внизу в CSS

Question

Какой самый простой способ разместить мой внутренний div в нижнем правом углу?

<div style="width:200px; height:200px; border:3px #FF6666 solid"> 
<div style="font-weight:bold; text-align:right;">Krishna</div> 
</div> 

Это мой код .. Спасибо всем

Answer 1

Попробуйте это, установив ваш внешний div к position: relative; Убедитесь, что внутренний div будет оставаться внутри него, когда установлен position: absolute;. Затем вы можете указать его, чтобы он сидел в нижнем правом углу, установив bottom: 0; right: 0;.

<div style="width:200px; height:200px; border:3px #FF6666 solid; position: relative"> 
    <div style="font-weight:bold; text-align:right;position: absolute;bottom: 0; right: 0; ">Krishna</div> 
</div> 

Answer 2

В зависимости от родителя DIV вы можете просто поместить его абсолютное:

<div style="width:200px; height:200px; border:3px #FF6666 solid;position: relative;"> 
    <div style="font-weight:bold; text-align:right;position: absolute; bottom:0; right:0">Krishna</div> 
</div> 

Answer 3

<div style="width:200px; height:200px; border:3px #FF6666 solid; position: relative"> 
    <div style="font-weight:bold; position: absolute;bottom: 0; right: 0; ">Krishna</div> 
</div> 

Answer 4

Смотрите здесь: http://jsfiddle.net/9MYFM/

Вы должны изменить position к absolute.