CSS Responsive
CSS - Responsive Web Design

Align elements using the CSS float property

CSS Web Development Front End Technology

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

varma

Updated on 22-Jun-2020 10:34:45

0 Views

Previous Page Next Page

Advertisements