CSS - Align text in a floating DIV

http://stackoverflow.com/questions/8840332/vertically-align-text-within-floating-div

by johnpapa

HTML

<div id="outerDiv">
    <div id="rightFloatingDiv">
        <p>Hello</p>
    </div>
    <p>Lorem ipsum dumsome Lorem ipsum dumsome Lorem ipsum dumsome Lorem ipsum dumsomeLorem ipsum dumsome Lorem ipsum dumsome Lorem ipsum dumsome Lorem ipsum dumsome Lorem ipsum dumsome Lorem ipsum dumsome Lorem ipsum dumsome Lorem ipsum dumsome Lorem ipsum dumsome Lorem ipsum dumsome Lorem ipsum dumsome Lorem ipsum dumsome Lorem ipsum dumsome Lorem ipsum dumsome Lorem ipsum dumsome Lorem ipsum dumsome Lorem ipsum dumsome Lorem ipsum dumsome  </p>
</div>

CSS

#outerDiv{
    width:400px;
    height:400px;
    background:#EEAAEE;
}
#rightFloatingDiv{
    width:100px;
    height:100px;
    line-height:100px;
    background:#EEEEEE;
    float:right;
}
#rightFloatingDiv > p{
    width: 100%;
    height: 100%;
    line-height:inherit;
    background:yellow;
    vertical-align:middle;
    text-align:center;
}