<!DOCTYPE html>
<html>
<head>
<style>
body {
margin: 0;
padding: 0;
}

.right {
float: right;
width: 300px;
background-color: #b0e0e6;
}
</style>
</head>
<body>

<h2>Right Align</h2>

<div class="right">
<p><b>Note: </b>When aligning using the float property, always include the !DOCTYPE declaration! If missing, it can produce strange results in IE browsers.</p>
</div>

</body>
</html>

Right Align

Note: When aligning using the float property, always include the !DOCTYPE declaration! If missing, it can produce strange results in IE browsers.