How to right align a text button

<input type="button" value="Click Me" style="float: right;">

Source: stackoverflow.com

How to right align a text button

.flex-box {
  display:flex;
  justify-content:space-between; //button with flex box
  outline: 2px dashed blue;
}

.flex-box-2 {
  display:flex;
  justify-content: flex-end;
  outline: 2px deeppink dashed;
}

Source: stackoverflow.com

How to right align a text button

<p align="right">
  <input type="button" value="Click Me" />
</p>

-1

Source: stackoverflow.com

How to right align a text button

<h1>Button with Text</h1>
<div class="flex-box">
<p>Once upon a time in a ...</p>
<button>Read More...</button>
</div>

<h1>Only Button</h1>         //button with flex box
<div class="flex-box-2">
  <button>The Button</button>
</div>

<h1>Multiple Buttons</h1>
<div class="flex-box-2">
  <button>Button 1</button>
  <button>Button 2</button>
</div>

-1

Source: stackoverflow.com

Similar codes

0 vote104 views1 answer
Image cut by div border
Html
1 vote62 views1 answer
Pagination in tailwind css
Html
-1 vote127 views1 answer
Blue color html code
Html
0 vote103 views1 answer
Prevent the child event from triggering the parent element angular 5
Html
2 votes95 views2 answers
Curl html file
Html
1 vote109 views1 answer
Ionic fab
Html
11 votes109 views4 answers
Tailwind center text
Html
0 vote132 views1 answer
7th science book
Html
7 votes107 views2 answers
Html description tag
Html
2 votes105 views1 answer
Go to id html
Html