CSS - Align text in a floating DIV

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

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:left;
}
#rightFloatingDiv > p{
    width: 100%;
    height: 100%;
    line-height:inherit;
    background:yellow;
    vertical-align:middle;
    text-align:center;
}