[DEMO](http://jsfiddle.net/k5qHy/1/)

I have a line of divs and theorically I have no need to place inside an additional container div to keep them on the same line, as each of one has 15% width so can be placed on the same line.

They are correcly placed till you type anything on, then they go to a downer position for some reason I don't understand yet, and I am trying to solve without closing them on a container to avoid this. How can I?

Each one's CSS is:

```
.content-progra [class^="cono-"],
.content-progra [class*="cono-"]{
    width:15%; height:150px;
    background-color: red;
    margin:10px 0.5%;
    display: inline-block;

}

```