Установите ширину DIV в зависимости от содержимого в Foundation 5

Question

Я хочу, чтобы ширина DIV была такой же широкой, как контент, а не полная ширина внутри родительского DIV.

Пример:

<div class="row"> 
    <div class="small-7 columns"> 
     <div class="mycontent> CONTENT </div> 
    </div> 
</div> 

Ширина "MyContent" всегда 100% от доступной ширины внутри "маленьких-7 столбцов". Как установить ширину DIV как ширину, как в этом примере, слово «CONTENT».

Answer 1

.mycontent{ display: inline; } 

или

.mycontent{ display: inline-block; } 

в зависимости от того, как вы хотите, чтобы это выглядело как

Answer 2

Вы можете установить класс "MyContent" в display:inline-block;. Divs являются элементами уровня блока и, естественно, охватывают всю ширину родительского контейнера.