並んでいるbox要素の高さをそろえる

by goropoo

HTML

<div class="sampleBox">
    <div class="txtBox01">
        <p>サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト</p>
    </div>
    <div class="txtBox02">
        <p>サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスサトサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト</p>
    </div>
    <div class="txtBox03">
        <p>サンプルテキストサンプルテキストサンプルテキスト</p>
    </div>
</div>

CSS

.sampleBox {
	width: 800px;
	overflow: hidden;
	margin-bottom: 15px;
}

.txtBox01, .txtBox02, .txtBox03 {
    width: 200px;
    float: left;
    padding-bottom: 32768px;
    margin-bottom: -32768px;
	margin-left: 15px;
}
.txtBox01 {
    background-color: #ffdab9;
}
.txtBox02 {
    background-color: #90ee90;
}
.txtBox03 {
    background-color: #add8e6;
}