Syntax error Align elements using the CSS float property

Align elements using the CSS float property

To align elements using the float property in CSS, you can try to run the following code −

Example

Live Demo

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

Updated on: 2020-06-22T10:34:45+05:30

184 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements