Try it Editor: Left and Right Align

Edit This Code :

<!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>

Result :

Left and Right Align - Using float 2