Maxim Zhgulev

.parent {
  white-space: nowrap;
}
.child {
  white-space: normal;
  display: inline-block;
}

Если я всё правильно понял. Вообще, конечно, лучше посмотреть в сторону flexbox.

.parent {
  display: flex;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid red;
}
.child {
  flex: 0 0 125px; /* 125px - flex-basis - длина блока */
  height: 100px;
  background: #aaa;
  border: 1px solid #fff;
}

Заменить границу на два псевдоэлемента.

Безкостыльный метод (всё тянется в зависимости от количества текста):
https://jsfiddle.net/hydsqyc4/1/

.phone в последнем блоке не является :last-child (не является последним дочерним) - поэтому и не срабатывает

Немного доработал технологию Андрея Федорова, но теперь текст может быть проиндексирован.
codepen.io/anon/pen/XXOJJB

Некрасиво, но работает
<a href="javascript:void(0);"></a>

В любом случае Вам придется делать разбор URL, и отображать информацию в зависимости от полученных данных. А используете ли вы готовые решения для этого, или напишите сами - это Ваш выбор.
php.net/manual/ru/function.parse-url.php

Рискну предположить что имелось ввиду это:

$("#item_info").append("<div id='info'/>");
$("#info").append("<h1><ins style='color:yellow'>"+obj.name+"</ins></h1>");
$("#info").append("<h1>"+obj.text+"</h1>");
$("#info").append("<h1> цена: <ins>"+obj.price+" "+cur_val+"</ins></h1>");