Paragraph link outside div after make it float to the right - html

Question

I want to make the "more information" element to appear inside the div. Am I missing something?
http://jsfiddle.net/MMKdz/
HTML
<div class="aside-visitus">
<h2> H2 </h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat</p>
<p class="aside-caption"> More information
</p>
</div>
<div class="aside-visitus">
<h2> H2 </h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
<p class="aside-caption"> More information
</p>
</div>
CSS
.aside-visitus {
border:1px solid black;
margin:20px 0;
}
.aside-visitus a {
color:#4682b4;
float:right;
}
The clear and display methods don't work at all.

Answer 1

The most appropriate is use text-align: right propiety
http://jsfiddle.net/FelipeMartinin/MMKdz/3/
.aside-visitus a {
color:#4682b4;
text-align: right;
display: block;
}
Or you can give a display: table for the div.

Answer 2

You could add overflow:hidden to the parent element. This will establish a new block formatting context, thus forcing the element to contain the floated elements.
The reason this is required is because the parent element doesn't have a defined height and the child element is being floated. According to the nature of floating elements, they are essentially removed from the flow of the document; you need to reestablish the block formatting context.
jsFiddle example
.aside-visitus {
border: 1px solid black;
margin: 20px 0;
overflow: hidden;
}
Alternatively, you could use a clearfix which does the same thing. This method has more support.

Answer 3

I wouldn't use float. I'd add text-align:right to the .aside-caption class.
.aside-caption
{
text-align:right;
}
Fiddle: http://jsfiddle.net/MMKdz/2/