.calendar { display: flex; flex-direction: column; align-items: center; width: 100%; } .row { width: 100%; display: flex; flex-wrap: wrap; margin-left: 15px; } .item { margin: 5px 7px; height: 20px; width: 10%; border-radius: 5px; } .text { font-size: 12px; font-weight: bold; } .active{ color:#FFf; width:28px; height:28px; line-height: 28px; text-align: center; margin-left: -5px; margin-top: -5px; background:#b21c1c; border-radius: 50%; }