Stack Overflow Example: Text and buttons on same line.
Demonstration to put the text and buttons on the same line.
HTML
<div id="racks" style="overflow:auto">
<div id="selStat">
<p>No station selected</p>
</div>
<hr id="hrtest">
<div id="rackAction">
<p>Choose the type of card, then select which action to perform.</p>
<div id="radio">Type:
<div class="fr">
<input type="radio" id="radioS" name="radio">
<label for="radioS">S</label>
<input type="radio" id="radioP" name="radio">
<label for="radioP">P</label>
<input type="radio" id="radioV" name="radio">
<label for="radioV">V</label>
</div>
</div>
<p>Cardnumber:
<input id="cardNum" class="fr" type="number" size="1" />
</p>
<div class="fl">Action:</div>
<div class="fr">
<button onClick="addRack()" type="button">Add</button>
<button onClick="deleteRack()" type="button">Delete</button>
</div>
</div>
</div>
CSS
.fr {
float:right;
}
.fl {
float:left;
}