• Post category:CSS

How to Move the Button to the Right Side in CSS

Move the Button to Right CSS

Learn how to move the button to the right side in CSS with simple steps.

Step 1:
Create an HTML button using the <button> tag as in the below code.

<button> Demo Button </button>

Step 2:
Select your button in CSS using the element or class selector. To move the button to right, we need to set the “position” to the “absolute” property and the “right” property to “0px“. Not just a button even if it is an HTML element, you can easily bring your content to the right side by using this method.

position: absolute;
right:0;

The final code should look like this:

<html>
<head>
   <title>Sample code</title>
</head>
<style type="text/css">
button{
  position:absolute;
  right:0; }
  </style>
<body>
   <button>Demo Button</button>
</body>
</html>

Output:

move button to right css

READ ALSO  How to Add Space Between Flex Items in CSS Using Gap ?

Leave a Reply