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

5 votes239 views1 answer
Js onclick change css
Html
1 vote186 views1 answer
How to disable zoom in html page on different screen resolutions
Html
0 vote182 views1 answer
Twitter icon html5
Html
1 vote253 views1 answer
Bootstrap .com boilerplate template
Html
0 vote194 views1 answer
Console.log(e.fileName) // "Scratchpad/1"
Html
0 vote188 views1 answer
Rounded borders svg
Html
2 votes205 views2 answers
Html p tag
Html
14 votes214 views1 answer
Whitespace in html
Html
1 vote189 views1 answer
Faq html css
Html
5 votes192 views6 answers
Laravel csrf token
Html