simple div with multi-list checkboxes

multi-checkbox in list

<style>
.scroll_checkbox {
  border: 1px solid #CCCCCC;
  height: 200px;
  overflow: auto;
  padding: 5px;
  width: 250px;
}

</style>


<div class="scroll_checkbox">
	<input type="checkbox" value="adventure" name="genre[]"> Adventure<br>
	<input type="checkbox" value="advice" name="genre[]"> Advice<br>
	<input type="checkbox" value="ancient-texts" name="genre[]"> Ancient Texts<br>
	<input type="checkbox" value="animals" name="genre[]"> Animals<br>
	<input type="checkbox" value="art" name="genre[]"> Art<br>
	<input type="checkbox" value="biography" name="genre[]"> Biography<br>
	<input type="checkbox" value="children" name="genre[]"> Children<br>
	<input type="checkbox" value="classics-antiquity" name="genre[]"> Classics (antiquity)<br>
	<input type="checkbox" value="comedy" name="genre[]"> Comedy<br>
	<input type="checkbox" value="cookery" name="genre[]"> Cookery<br>
	<input type="checkbox" value="economics-political-economy" name="genre[]"> Economics/Political Economy<br>
	<input type="checkbox" value="epistolary-fiction" name="genre[]"> Epistolary fiction<br>
	<input type="checkbox" value="erotica" name="genre[]"> Erotica<br>
	<input type="checkbox" value="essay-short-nonfiction" name="genre[]"> Essay/Short nonfiction<br>
	<input type="checkbox" value="fairy-tales" name="genre[]"> Fairy tales<br>
	<input type="checkbox" value="fantasy" name="genre[]"> Fantasy<br>
	<input type="checkbox" value="fiction" name="genre[]"> Fiction<br>
	<input type="checkbox" value="historical-fiction" name="genre[]"> Historical Fiction<br>
	<input type="checkbox" value="history" name="genre[]"> History<br>
	<input type="checkbox" value="holiday" name="genre[]"> Holiday<br>
	<input type="checkbox" value="horror-ghost-stories" name="genre[]"> Horror/Ghost stories<br>
	<input type="checkbox" value="humor" name="genre[]"> Humor<br>
	<input type="checkbox" value="instruction" name="genre[]"> Instruction<br>
	<input type="checkbox" value="languages" name="genre[]"> Languages<br>
	<input type="checkbox" value="literature" name="genre[]"> Literature<br>
	<input type="checkbox" value="memoirs" name="genre[]"> Memoirs<br>
	<input type="checkbox" value="music" name="genre[]"> Music<br>
	<input type="checkbox" value="mystery" name="genre[]"> Mystery<br>
	<input type="checkbox" value="myths-legends" name="genre[]"> Myths/Legends<br>
	<input type="checkbox" value="nature" name="genre[]"> Nature<br>
	<input type="checkbox" value="philosophy" name="genre[]"> Philosophy<br>
	<input type="checkbox" value="play" name="genre[]"> Play<br>
	<input type="checkbox" value="poetry" name="genre[]"> Poetry<br>
	<input type="checkbox" value="politics" name="genre[]"> Politics<br>
	<input type="checkbox" value="psychology" name="genre[]"> Psychology<br>
	<input type="checkbox" value="romance" name="genre[]"> Romance<br>
	<input type="checkbox" value="religion" name="genre[]"> Religion<br>
	<input type="checkbox" value="satire" name="genre[]"> Satire<br>
	<input type="checkbox" value="science" name="genre[]"> Science<br>
	<input type="checkbox" value="science-fiction" name="genre[]"> Science fiction<br>
	<input type="checkbox" value="sea-stories" name="genre[]"> Sea stories<br>
	<input type="checkbox" value="short-stories" name="genre[]"> Short stories<br>
	<input type="checkbox" value="spy-stories" name="genre[]"> Spy stories<br>
	<input type="checkbox" value="teen-young-adult" name="genre[]"> Teen/Young adult<br>
	<input type="checkbox" value="tragedy" name="genre[]"> Tragedy<br>
	<input type="checkbox" value="travel" name="genre[]"> Travel<br>
	<input type="checkbox" value="war-stories" name="genre[]"> War stories<br>
	<input type="checkbox" value="westerns" name="genre[]"> Westerns
</div>