Link to article: Achievement Badges For Fun.
width: 100%; border: 1px solid #888; word-break: break-word;
font-weight: bold; color: #fff; background-color: #666;
padding: 0 2px; text-align: center;width: 10%;
padding: 0 2px; text-align: center;width: 20%;
padding: 0 2px; text-align: center;width: 40%;
padding: 0 2px; text-align: center;width: 30%;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px; text-align: center;border: 1px solid #888; width: 30%;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px; text-align: center;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px; text-align: center;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px; text-align: center;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px; text-align: center;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px; text-align: center;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px; text-align: center;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px; text-align: center;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px; text-align: center;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px; text-align: center;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px; text-align: center;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px; text-align: center;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px; text-align: center;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px; text-align: center;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px; text-align: center;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px; text-align: center;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px; text-align: center;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px; text-align: center;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px; text-align: center;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px; text-align: center;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px; text-align: center;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px; text-align: center;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px; border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px; text-align: center;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px; text-align: center;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px; text-align: center;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px; text-align: center;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px; text-align: center;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px; text-align: center;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px;border: 1px solid #888;
padding: 0 2px; text-align: center;border: 1px solid #888;