I would like to create an input box group like the following:
title1
name: (input text box)
link: (input text box)
remove this title
title2
name: (input text box)
link: (input text box)
remove this title
And my css is
<div class="control-group">
<label class="control-label"><h3>title1</h3></label>
<label for="inputError" class="control-label">name</label>
<div class="controls">
<input class="field span6" type="text" id="newsLinkTxt_1" />
</div>
</br>
<label for="inputError" class="control-label">link</label>
<div class="controls">
<input class="field span6" type="text" id="newsLink_1" />
</div>
</br>
<button class="btn" id="removeButton" type="button">remove this</button>
</div>
The problem is the control-label class will have margin 20 , so the input box will have left margin 20 . However the title1 and the button will align to left, what class should I use for button and the heading in a control-group , or I need to have customized css? Thanks