Как добавить текст поверх пути SVG? ⇐ CSS

[Anonymous]

#us-map {
display : block;
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
}
path:hover {
stroke : #ffffff !important;
stroke-width : 2px;
stroke-linejoin : round;
fill : #D3D3D3 !important;
cursor : pointer;
}
text {
dominant-baseline : central;
text-anchor : middle;
fill : black;
font-size : 55px;
position : absolute;
z-index : 2000;
}



HI







Пожалуйста, помогите мне правильно добавить метки поверх состояний SVG. Я попробовал следующее, но не смог отобразить текст над состояниями (даже после применения z-index:-1; к svg)


Подробнее здесь: https://stackoverflow.com/questions/784 ... n-svg-path