С <form>
или без него разницы ни какой. Можно сделать (вариант 1):
<style>
.check-label {
display: block;
}
</style>
<label for="msword-check" class="check-label">
<input type="checkbox" id="msword-check" class="check-button" />
Word - Текстовый процессор
</label>
<label for="msexcel-check" class="check-label">
<input type="checkbox" id="msexcel-check" class="check-button" />
Excel - Редактор электронных таблиц
</label>
Или, вариант 2 (достаточно мутный, так как float:left
для inline элементов н всегда хорошо работает):
<style>
.check-button {
clear: left;
float: left;
}
</style>
<input type="checkbox" id="msword-check" class="check-button" />
<label for="msword-check" class="check-label">Word - Текстовый процессор</label>
<input type="checkbox" id="msexcel-check" class="check-button" />
<label for="msexcel-check" class="check-label">Excel - Редактор электронных таблиц</label>
<br clear="left" />