jquery - Making span zoom with the enclosed svg on zoom -

i have html page has following structure:

<span class="svg-equation">    <svg xmlns="http://www.w3.org/2000/svg" height="17" width="32" wrs:baseline="13">      <text fill="#333333" font-family="arial" font-size="12" text-anchor="middle" x="20.5" y="13.5">222</text>    </svg>  </span>

but when zoom page, svg zoomed span doesnot making part of svg seem cropped. want span should expand svg, such complete svg visible @ times. how ensure this?