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 vote333 views1 answer
Display pdf in html fastapi
Html
34 votes329 views6 answers
Bootstrap border radius
Html
2 votes336 views1 answer
Textarea angular onfocus
Html
8 votes307 views2 answers
Html images with link
Html
0 vote317 views1 answer
Calendar.js:156 Uncaught TypeError: Cannot set property 'src' of null at HTMLDivElement.<anonymous>
Html
1 vote344 views1 answer
Display object with indentaion in html
Html
0 vote327 views1 answer
How to spread links from not right next to each other html
Html
1 vote357 views2 answers
Do_action( 'wp_head' );
Html
-2 votes316 views2 answers
$bodyBg: #030018; $purple: #292477; $green: #13693B; $magenta: #AD2266; $blue: #1a28b3; html { box-sizing: border-box; font-size: 100%; } *, *:before, *:after { box-sizing: inherit; } body { margin: 0;
Html
2 votes337 views2 answers
Angular javascript for loop
Html