mvargasmoran
8/29/2014 - 11:21 PM

// source http://jsbin.com/rediti/1

// source http://jsbin.com/rediti/1

jsbin.rediti.css
content_copyfile_download
.std {

  width: 200px; 
  border: solid 1px green;
  height: 50px;
}

.std a {
  display: inline-block; 
  height:100%; width:100%;
}

.std a:hover {
  background-color: yellow;
}
index.html
content_copyfile_download
<!DOCTYPE html>
<head>

<title></title>
<style id="jsbin-css">
.std {

  width: 200px; 
  border: solid 1px green;
  height: 50px;
}

.std a {
  display: inline-block; 
  height:100%; width:100%;
}

.std a:hover {
  background-color: yellow;
}
</style>
</head>
<body>
<table>
  <tbody>
   <tr>
    <td class="std">
     <a href="http://www.google.com/">Cell 1<br>
     second line</a>
    </td>
   <td class="std">
    <a href="http://www.google.com/">Cell 2</a>
   </td>
   <td class="std">
    <a href="http://www.google.com/">Cell 3</a>
   </td>
   <td class="std">
    <a href="http://www.google.com/">Cell 4</a>
   </td>
  </tr>
 </tbody>
</table>


<script id="jsbin-source-css" type="text/css">
.std {

  width: 200px; 
  border: solid 1px green;
  height: 50px;
}

.std a {
  display: inline-block; 
  height:100%; width:100%;
}

.std a:hover {
  background-color: yellow;
}
</script>
</body>
</html>