Q:

Перенос строк в блоке с шириной auto css

Как задать стили, что бы текст переносился на новую строчку:
<a class="kyl_img" style="float:left;margin:0 10px 10px 0;">
   <img src="7.jpg" alt="" title="">
   <span class="kyl_descr">Например какое-то очень длинное описание тут будет аля улу и так далее ещё пару слов и всё, значит ещё парочку слов и точно всё.</span>

Пишу так:
.kyl_img{
  border: 1px #A0A0A0 solid;
  overflow: hidden;
  text-align: center;
}

.kyl_img img{
  display: block;
}

.kyl_descr{
  background: #A0A0A0;
  padding: 3px 10px;
  display: block;
  color: #fff;
}

A:

может такой вариант подойдет

* {
  box-sizing: border-box;
}

.block {
  border: 1px #A0A0A0 solid;
  margin: 10px auto; 
}

.block-inner {
  text-align: center;
  display: table;
  text-decoration: none;
}

.block-inner > img {
  display: block;
  max-width: 100%;
}

.block-inner-descr {
  background: #A0A0A0;
  padding: 3px 10px;
  color: #fff;  
  display: table-caption;
  caption-side: bottom;
  border: 1px #A0A0A0 solid;
}
<div class="block">
  <a href="#" class="block-inner">
    <img src="http://placehold.it/150x150" alt="" title="">
    <span class="block-inner-descr">Например какое-то очень длинное описание тут будет аля улу и так далее ещё пару слов и всё, значит ещё парочку слов и точно всё.</span>
  </a>
</div>

<div class="block">
  <a href="#" class="block-inner">
    <img src="http://placehold.it/350x150" alt="" title="">
    <span class="block-inner-descr">Например какое-то очень длинное описание тут будет аля улу и так далее ещё пару слов и всё, значит ещё парочку слов и точно всё.</span>
  </a>
</div>

<div class="block">
  <a href="#" class="block-inner">
    <img src="http://placehold.it/550x150" alt="" title="">
    <span class="block-inner-descr">Например какое-то очень длинное описание тут будет аля улу и так далее ещё пару слов и всё, значит ещё парочку слов и точно всё.</span>
  </a>
</div>

<div class="block">
  <a href="#" class="block-inner">
    <img src="http://placehold.it/750x150" alt="" title="">
    <span class="block-inner-descr">Например какое-то очень длинное описание тут будет аля улу и так далее ещё пару слов и всё, значит ещё парочку слов и точно всё.</span>
  </a>
</div>

