To align elements using the float property in CSS, you can try to run the following code −
Example
<!DOCTYPE html>
<html>
<head>
<style>
.demo {
float: right;
width: 200px;
border: 1px dashed blue;
padding: 5px;
}
</style>
</head>
<body>
<h1>Heading</h1>
<div class = "demo">
<p>This is demo text and right aligned.</p>
</div>
</body>
</html>Output
