Как нарисовать круг на webform ()?

---

Привет,
Я пытаюсь нарисовать круг в центре страницы. Я не могу понять своей ошибки. Потому что выхода нет. И я использую Windows-10 EDGE.

мой код

str_solution.Append(@"<style type='text/css'>
                 .brown-circle {
                 display: block;
                 height: 20px;
                 width: 20px;
                 background-color: #B0641C;
                -moz-border-radius: 10px;
                -webkit-border-radius: 10px;
                -khtml-border-radius: 10px;
                 border-radius: 10px;
               position:relative;
                 float:left;
                margin:0 5px 10px 0;
                 } 
                .yellow-circle {
                 display: block;
                 height: 20px;
                 width: 20px;
                 background-color: #f7c639;
                -moz-border-radius: 10px;
                -webkit-border-radius: 10px;
                -khtml-border-radius: 10px;
                 border-radius: 10px;
               position:relative;
                 float:left;
                margin:-8px 5px 10px 0;
                 } 
            
                 </style>");

        for (int i = 0; i < 10; i++)
        {
            str_solution.Append("<span class=brown-circle></span>");
        }
        str_solution.Append("<br/><br/>");

        for (int i = 0; i < 10; i++)
        {
            str_solution.Append("<span class=yellow-circle></span>");
        }
        lbl_circle.Text = str_solution.ToString();

Спасибо

Что я уже пробовал:

Я пытаюсь нарисовать круг на веб-форме. Но не отображая, может быть, браузер-край?

---