Edit in JSFiddle

<div id="id1"><a href="#id1">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officiis maiores consequatur incidunt nisi soluta, praesentium tempore nobis fugiat numquam esse fugit hic adipisci. Ut, magni corporis placeat est id accusantium.</a></div>
<div id="id2"><a href="#id2">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officiis maiores consequatur incidunt nisi soluta, praesentium tempore nobis fugiat numquam esse fugit hic adipisci. Ut, magni corporis placeat est id accusantium.</a></div>
<div id="id3"><a href="#id3">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officiis maiores consequatur incidunt nisi soluta, praesentium tempore nobis fugiat numquam esse fugit hic adipisci. Ut, magni corporis placeat est id accusantium.</a></div>

div{
  font: 13px/1.3 arial,verdana,tahoma;
  color: #333;
  max-width:70%;
  margin: 20px auto;
  background: #ddd;
  &:target{
    box-shadow:0 0 12px rgba(0,0,0,0.5);
  }
  >a{
    display: block;
    padding: 20px;
    box-sizing:border-box;
    text-decoration:none;
    color: #333;
    cursor:inherit;
  }
}