Pavel K

Вечер добрый.
Перечисление стилей должно быть через точку запятой:
style='display:inline; margin-right: 15px;'
И лучше всё таки стили выносить в css файл, а не инлайном - это дурной тон.
И на будущее - если что-то со стилями или разметкой, то проверять лучше всего в консоли разработчика, которая встроена в браузер (хоткей F12)

Если вкратце, потому что SVG это не html, а то, что мы можем с ним работать так, это грубо говоря фича парсера, т.е. svg остаётся в контексте svg и работать с ним в javascript надо как с svg, а JQuery не вкурсе про это при динамическом создании элементов.
В общем вот рабочая версия: https://jsfiddle.net/9rsgc377/6/ внимание на строку 39 и далее.

https://new.vk.com/dev/share_details внизу

Предыдущий совет наиболее правилен, но вот ещё один, в html:

<meta http-equiv="Cache-Control" content="no-cache">

Сделайте два блока, в нижнем: overflow: scroll;

Немного не понимаю -
Вы хотите значение из span отправить?
Может быть там input?
если да, то если несколько input ов с одноимённым названием, то название стоит записать так:

<input type="text" name="myvalues[]" value="123"  />

Фишка в скобках [] у имени, тем самым мы сообщаем, что это массив
А со стороны php получать так:

$myvalues = $_POST['myvalues']; //-- получим массив значений, где первое для первого интпута, второе для второго и тд 
echo $myvalues[0];  //-- выведем значение первого

Если всё же там именно span, то продублируйте эти значение в скрытых инпутах, иначе придётся генерировать через Яваскрипт и вообще по-моему получается тогда костыль.