А просто два span внутри параграфа и сделать их flex justify-content: space-between а параграфу нижнию границу из точек то есть border-bottom 1px dotted #000, так незя?
Или три спан так же флексом но среднему нижнюю границу сделать
Ну сами посмотрите свой svg, есть тег но нету viewBox и нету namespace...
Вьюбокс задаёт некие размеры которые позволят этому svg полностью заполнить контейнер...
Это обязательный атрибут...и егонадо писать и в теге svg и так же в symbol а что бы скрыть его это если он в html применяют display со значением none.
А если этот svg как отдельный файл то viewBox вообще обязателен
Senseich, я не спец в этом но в юпупе видел как делали целый мультик и там была куча персонажей, обычные люди одевали на руки, ноги, голову, таз датчики и при движении программа считывает движения и получается реалистичные мультики ....