Как заставить внешний контейнер q2 заставить облегать блоки находящиеся в нём?. Можно указать width:308px пикселов, но есть ли свойство которое автоматом всё делает? https://jsfiddle.net/1ht5mo7o/1/
* {
margin: 0;
padding: 0;
}
.q1 {
height: 400px;
border: 1px black solid;
text-align: center;
}
p {
vertical-align: top;
display: inline-block;
width: 100px;
height: 50px;
background: black;
}
.q2 {
border: 1px blue solid;
width: 308px
}
<div class="q1">
<div class="q2">
<p></p>
<p></p>
<p></p>
</div>
</div>