HTML

<DOCTYPE html>
<html>
  <head>
    <style>
    ul {
      list-style-type: none;
      margin:0;
      padding:0;
      width:100%;
      background-color:#ecf0f1;
      border:0;
    }
    li {
      display:block;
      color:#000;
      padding:8px 0 8px 16px;
      text-decoration: none;
      border:1px solid #3498db;
    }
    input[type="checkbox"] {
      display:none;
    }
    input[type="checkbox"] + label span{
      display:block;
      width:36px;
      height:36px;
      margin:-1px 4px 0 0;
      vertical-align:middle;
      background:url(components_switches_check3.png) bottom no-repeat;
    }
    input[type="checkbox"]:checked + label span{
      background:url(components_switches_check3.png) top no-repeat;
    }
    div {
      color:#95a5a6;
    }
    body {
      background-color:#3498db;
      font-family:helvetica;
      margin:0;
      padding:0;
    }
    </style>
  </head>
  <body>
    <ul>
      <span><input type="checkbox" id="cb1" name="cb1"/><label for="cb1"><li><span></span>Server1</li></label></span>
      <span><input type="checkbox" id="cb2" name="cb2"/><label for="cb2"><li><span></span>Server2</li></label></span>
      <span><input type="checkbox" id="cb3" name="cb3"/><label for="cb3"><li><span></span>Server3</li></label></span>
      <span><input type="checkbox" id="cb4" name="cb4"/><label for="cb4"><li><span></span>Server4</li></label></span>
      <span><input type="checkbox" id="cb5" name="cb5"/><label for="cb5"><li><span></span>Server5</li></label></span>
      <span><input type="checkbox" id="cb6" name="cb6"/><label for="cb6"><li><span></span>Server6</li></label></span>
    </ul>
  </body>
</html>