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>