Space beteen two svg text elements
===

I am currently working with svg element of JavaScript.

Here is my scenerio.

I have an svg element in which I have two text element like this

    <svg>
      <g transform = "translate(0, 20)">
         <text style="font-size: 0.5em;" x="0" y="-4"> text </text>
         <text style="font-size: 0.5em;" x="70" y="-4"> value </text>
      </g> 
    <svg>

Its appearing fine like this
 
**text  value**

I have used font-size 0.5em because I want to my text to resize when I resize my svg.(by using jquery resizable)
It working fine.But the problem is that when I resize my svg the space between text started to decreases and at some point of time the test become so big such that both texts overlap with each other because of the fixed x and y attributes.

I want to ask that is there a way to avoid this problem Any method by which I can keep the space between the two text constant or the text can be relatively placed.

Thanks
