<ul>
	<li><a href="#">クリック範囲が狭い…</a></li>
	<li><a class="wide" href="#">クリック範囲が広い！</a></li>
</ul>

li {
  margin: 20px 0;
}
a {
  text-decoration: none;
  background: #A0EAF0;
  padding: 10px;
}
.wide {
  display: block;
}
body {
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
}