Pure CSS Hexagonal Grid

<!--https://www.codesmite.com/article/how-to-create-pure-css-hexagonal-grids -->
&lt;!-- --&gt;

<title>Hexagonal Grid by Codin @ Codesmite.com</title>

<ul id="grid" class="clear">
      <li>
          <div class="hexagon"></div>
      </li>
      <li>
          <div class="hexagon"></div>
      </li>
      <li>
          <div class="hexagon"></div>
      </li>
      <li>
          <div class="hexagon"></div>
      </li>
      <li>
          <div class="hexagon"></div>
      </li>
      <li>
          <div class="hexagon"></div>
      </li>
      <li>
          <div class="hexagon"></div>
      </li>
      <li>
          <div class="hexagon"></div>
      </li>
      <li>
          <div class="hexagon"></div>
      </li>
      <li>
          <div class="hexagon"></div>
      </li>
      <li>
          <div class="hexagon"></div>
      </li>
      <li>
          <div class="hexagon"></div>
      </li>
  </li>
</ul>