[html]
<style>

.calendar-wrapper {
    margin: auto;
    display: flex;
    padding:20px;
    width:450px;
    flex-direction: column;
    align-items: center;
    background:lightgray;
   
}

.calendar-wrapper>h4 {
color:red;
}

.calendar-wrapper>ul>li {
    display: inline-flex;
    width: 50px;
    height: 50px;
    position: relative;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding:0px !important;
    border:solid 1px black;
    margin-bottom:-5px;
    margin-left:-1px;
}

.calen-week {
display:flex;
padding:0px!important;
}
.calen-days {
display:flex;
padding:0px!important;
}

.calen-week>li {
background:white;
}
.calen-days>li{
    background: gray;
}

</style>

[/html]

[html]

<section class='calendar-wrapper'>
<h4>ЯНВАРЬ </h4>
<ul class='calen-week'>
<li>ПН</li>
<li>ВТ</li>
<li>СР</li>
<li>ЧТ</li>
<li>ПТ</li>
<li>СБ</li>
<li>ВС</li>
</ul>
<ul class='calen-days'>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
</ul>
<ul class='calen-days'>
<li>8</li>
<li>9</li>
<li>10</li>
<li>11</li>
<li>12</li>
<li>13</li>
<li>14</li>
</ul>
<ul class='calen-days'>
<li>8</li>
<li>9</li>
<li>10</li>
<li>11</li>
<li>12</li>
<li>13</li>
<li>14</li>
</ul>
<ul class='calen-days'>
<li>8</li>
<li>9</li>
<li>10</li>
<li>11</li>
<li>12</li>
<li>13</li>
<li>14</li>
</ul>

</section>[/html]

Подпись автора

Ты пришел и говоришь: Авалон, мне нужна справедливость, мне нужен пост. Но ты просишь без уважения, ты не предлагаешь дружбу, ты даже не назвал меня крестным админом.

Хронология