So I have been given the task of mocking up a new bootstrap version of the building floor map on the web and while trying to make a DIV area clickable and linking to another page, the anchor tag used to make the link makes the div layout messed up?

Here is my code and an image 

before I add the anchor tag around the div

[![enter image description here](https://i.stack.imgur.com/0nYMJ.png)](https://i.stack.imgur.com/0nYMJ.png)

after I add the anchor tag around the div

[![enter image description here](https://i.stack.imgur.com/Hyw3l.png)](https://i.stack.imgur.com/Hyw3l.png)

```
    <div class="container">
  <div class="row">
<a href="floor0.html">
    <div class="item col-lg-4">

<p> floor zero </p>

<br>
<br>
<br>
<br>

    </div>
</a>

```