How to align 2 block elements side by side?

Question

I want to put an button next to an input form field. How can i do this without using bootstrap grid structure?

Answer 1

there is a bootstrap inline form that should quickly do the trick

Answer 2

AFAIK buttons and input tags are all html inline elements. So you don't need bootstrap to put them side-by-side. Check below either one works:

<label for="email">Email: </label>
<input type="text" name="email" value="enter email">
<input type='"submit" name="submit" value="Send">

<hr>

<label for="email">Email: </label>
<input type="text" name="email" value="enter email">
<button type='"submit>Send</button>

Answer 3

put them inside separate div's with class names that align them 50% next to one another. e.g. <div style="display: inline-block">1</div>
<div style="display: inline-block">2</div> or simply add float: left; to both.

Answer 4

use left, right style property to place it properly

Answer 5

I guess you are looking for: float property