Пожалуйста:

• 5 дней на выпечку
• 200 грн цена за 1 кг
• 1 кг мин. заказ

ХТМЛ:

<ul class="ap-digits">
  <li>
    <img src="time.png" width="31" height="31">
    <span>
      <b>5 дней</b> на выпечку
    </span>
  </li>
  <li>
    <img src="price.png" width="27" height="31">
    <span>
      <b>200 грн</b> цена за 1 кг
    </span>
  </li>
  <li>
    <img src="weight.png" width="20" height="30">
    <span>
      <b>1 кг</b> мин. заказ
    </span>
  </li>
</ul>

ЦСС:

.ap-digits > li,
.ap-digits > li > img,
.ap-digits > li > span {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  *zoom: 1;
  *display: inline;
}
.ap-digits > li {
  margin: 0 23px 18px 0;
  white-space: nowrap;
}
.ap-digits > li:last-child {
  margin-right: 0;
}
.ap-digits > li > img {
  margin: 0 3px 0 0;
}
.ap-digits > li > span {
  font-family: Georgia, serif;
  font-size: 11px;
  line-height: 1;
  color: #6b6b6e;
  margin-top: -5px;
  *padding-bottom: 2px;
}
.ap-digits > li > span > b {
  display: block;
  font-size: 20px;
  font-weight: normal;
  color: #000;
  margin-bottom: 3px;
}

Ваш второй вопрос я проигнорировал: в текущем исполнении расстояние между блоками не изменяется, дополнительные символы в левом блоке сдвигают правые. Здесь это допустимо. Когда автоматическое распределение пустого пространства между колонками неравной длины действительно необходимо, я использую таблицы.