+ 4
How to align 2 block elements side by side?
I want to put an button next to an input form field. How can i do this without using bootstrap grid structure?
5 Answers
+ 4
there is a bootstrap inline form that should quickly do the trick
+ 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>
+ 1
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.
+ 1
use left, right style property to place it properly
0
I guess you are looking for: float property