I'm trying to build an calendar.

i'm doing the structure using Divs and spans.

The problem is that the divs are going automatically down when i resize the page.

How can i prevent that? I tried to use min-width, but it doesn't work, because there are a lot of different screens, and i want to build something responsive(i will use media queries).

JSFiddle: <http://jsfiddle.net/F3zW3/>

CSS

```
.c-col-1 div, .c-col-2 div, .c-col-3 div, .c-col-4 div, .c-col-5 div{
float:left;
display:inline-block;
width: 170px;
height: 110px;
margin-left: 3px;
margin-bottom: 3px;
background-color: green;
}

.c-col-1 span, .c-col-2 span, .c-col-3 span, .c-col-4 span, .c-col-5 span{
font-size: 24px;
font-family: 'Lato', Arial, sans-serif;
line-height: 1.3;
color:white;
text-shadow: 1px 1px #666666;
font-weight: 300;
}

.c-col-5 div{
margin-bottom: 15px;
}

.c-col-1 .c-empty, .c-col2 .c-empty, .c-col-3 .c-empty, .c-col-4 .c-empty, .c-col-5 .c-empty{
background-color: transparent;
}

```

HTML

```
<div class="c-col-1">
<div class="c-empty"></div>
<div><span>1</span></div>
<div><span>2</span></div>
<div><span>3</span></div>
<div><span>4</span></div>
<div><span>5</span></div>
<div><span>6</span></div>
</div>

<div class="c-col-2">
<div><span>7</span></div>
<div><span>8</span></div>
<div><span>9</span></div>
<div><span>10</span></div>
<div><span>11</span></div>
<div><span>12</span></div>
<div><span>13</span></div>
</div>

<div class="c-col-3">
<div><span>14</span></div>
<div><span>15</span></div>
<div><span>16</span></div>
<div><span>17</span></div>
<div><span>18</span></div>
<div><span>19</span></div>
<div><span>20</span></div>
</div>

<div class="c-col-4">
<div><span>21</span></div>
<div><span>22</span></div>
<div><span>23</span></div>
<div><span>24</span></div>
<div><span>25</span></div>
<div><span>26</span></div>
<div><span>27</span></div>
</div>

<div class="c-col-5">
<div><span>28</span></div>
<div><span>29</span></div>
<div><span>30</span></div>
<div><span>31</span></div>
<div class="c-empty"></div>
<div class="c-empty"></div>
<div class="c-empty"></div>
</div>

```