老师，我想实现这样一种效果为何不能实现？

<ul>
                        <li class="list-col-2-1"><a href="">小米5s</a><button>选购</button></li>
                        <li class="list-col-2-2"><a href="">小米5s Plus</a><button>选购</button></li>
                        <li class="list-col-2-3"><a href="">小米Note 4X</a><button>选购</button></li>
                        <li class="list-col-2-4"><a href="">红米4X</a><button>选购</button></li>
                        <li class="list-col-2-5"><a href="">红米4</a><button>选购</button></li>
                        <li class="list-col-2-6"><a href="">移动4G+专区</a><button>选购</button></li>
                    </ul>

li标签里面的文字和按钮都无法点击，怎样修改实现点击效果呢