如何將兩個左右對齊文本的底部與父容器的底部對齊？

Question

想象一下，你有這樣的：

<div class="parent_with_height200px"> 
    <div class="left">This is the left floated text, size 12px</div> 
    <div class="right">This is the right floated text, size 40px</div> 
</div> 

我怎樣才能讓在具有基線父DIV的相互對齊底部的兩個文本「立」？

完全可以更改css/html，這是我想要的結果。

Answer 1

由於feeela說，使用位置是你將如何完成這一點。

.parent_with_height200px { 
    height: 200px; 
    position: relative; 
    background-color: #DDDDDD; 
    } 

.left { 
    width: 50%; 
    position: absolute; 
    bottom: 0px; 
    left: 0px; 
    background-color: #999999; 
    } 

.right { 
    width: 50%; 
    position: absolute; 
    bottom: 0px; 
    right: 0px; 
    background: #444444; 
    } 

在這裏看到的輸出：Example

Answer 2

這是你在找什麼？

.left { 
    float:left; 
    width:50%; 
} 
.right { 
    float:left; 
    width:50%; 
}