Svg内的中心导航栏

Question

http://codepen.io/ikey2244/pen/NAObkK

svg
  width: 100%
  height: auto


.site-nav 
  display: flex

li
  margin: 40px
  list-style: none
  font-size: 30px
  font-family: 'Amatica SC', cursive
  font-weight: bold
  display: block

a
  text-decoration: none
  color: #652A83

CSS

<TextView
    android:id="@+id/mTextView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:layout_centerVertical="true"
    android:background="@drawable/shape_circle">
</TextView>

什么是让导航栏在svg内右中心的最佳方法？我还想让导航栏响应svg缩放的位置。