Untitled

Draw a circle or square around a number in a table cell
<span style="display: inline-block; padding: 8px; border: 1px solid black;
    border-radius: 50%;" title="Birdie">3</span>

<span style="display: inline-block; padding: 8px; border: 3px double black;
    border-radius: 50%;" title="Eagle">2</span>

<span style="display: inline-block; padding: 8px;
    border: 1px solid black;" title="Bogey">5</span>

<span style="display: inline-block; padding: 8px;
    border: 3px double black;" title="Double Bogey">6</span>

.birdie {
        width: 20px;
        text-align: center;
        border-style: solid;
        border-width: 1px;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }