CSS Show rounded labels

Question

I want to show rounded label at top right corner of a panel. I'm using Bootstrap3 panels and labels to achieve this. Obviously this label is not a image.

However I can't think of a clean way as I'm very poor at designing. Can anyone please give me a solution? Thanks in advance.

Updated Actually my problem is not related with adding rounded borners. I want to place it in the correct position. I'm very sorry for making things confused.

Answer 1

You have to use border-radius property http://www.w3schools.com/cssref/css3_pr_border-radius.asp

.index {
    border-radius: 50%
    // ...
}

http://jsfiddle.net/243kwbjf/1/