title: Adding a div inside of an ActionLink
body: <p>I have a tile that displays information but also needs to be a link. If the user clicks anywhere on the tile it needs to take them to the appropriate action. </p>
  
  <p>Below is an image of what I have created. </p>
  
  <p><img src="https://i.stack.imgur.com/vNGDU.png" alt="enter image description here"></p>
  
  <p>The HTML</p>
  
  <pre><code>    &lt;div class="tile"&gt;
          &lt;div class="tile-text"&gt;Runs&lt;/div&gt;
          &lt;div class="tile-text details"&gt;Manage runs, routes, races, and goals&lt;/div&gt;
          &lt;div id="runs" class="tile-text live"&gt;You have a four mile run today&lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>Now if I create an ActionLink, it will create the blue tile, but I am unsure of how to get the three child divs inside of the ActionLink. </p>
  
  <p>I have tried the following ActionLink:</p>
  
  <pre><code>@Html.ActionLink("Runs", "Index", "Run", null, new { @class = "tile-text" })
  </code></pre>
  
  <p>This creates the following image:</p>
  
  <p><img src="https://i.stack.imgur.com/J8PKi.png" alt="enter image description here"></p>
  
  <p>So basically, how do I get the tile to link to the Action and still have all of the three child divs inside of it?</p>