.circle{ display: inline-block; width: 80px; height: 80px; border-radius: 50%; background: skyblue; text-align:center; line-height: 80px; }
CSSで円を描く方法:文字を中央配置するには?枠線のつけ方は?
margin 0 auto とmargin-topを共存させる方法
CSSでbackground imageをいい感じに設置する方法
Circled number with pure CSS
border-bottomを文字数にCSSのみで合わせる方法
違うポートの画像の表示方法