Title. For my dictionary chrome extension, I am looking to inline a label, input field, and button all in one line. This is what I want to achieve:
Define:[ INPUT ] DEFINE
The brackets represent the input field and "DEFINE" is the button. But I'm having trouble aligning them properly...
This is the snippet of HTML code I am using:
<label>Define: </label>
<input id="term" type="text">
<button id="button">Define</button>However, it is displaying like this:
Define:
[ ]
DEFINE
Any CSS tips would be greatly appreciated!