ブロック要素をHTMLとCSSの中央に配置する方法は？

Question

スニペットコードに問題があります。問題は、テキスト「About」が中央に表示されていないことです。私は敏感なウェブサイトを作ろうとしています。誰かが見て、私は何をすべきか教えてください。 誰かが興味があればこれはアニメーションへのリンクです。 https://bootsnipp.com/snippets/aMmvE

 <div class="row"> 

      <div class="col-lg-12"> 
       <div class="section-header text-center"> 
        <div class="container"> 
         <div class="row"> 
          <svg viewBox="0 0 860 250"> 
           <symbol id="web-coderskull"> 
            <text text-anchor="middle" x="50%" y="70%" style="text-align: center; ">About</text> 
           </symbol> 

           <g class="webcoderskull"> 
            <use xlink:href="#web-coderskull" class="web-coder-skull"></use> 
            <use xlink:href="#web-coderskull" class="web-coder-skull"></use> 
            <use xlink:href="#web-coderskull" class="web-coder-skull"></use> 
            <use xlink:href="#web-coderskull" class="web-coder-skull"></use> 
            <use xlink:href="#web-coderskull" class="web-coder-skull"></use> 
           </g> 
          </svg> 
         </div> 

        </div> 
       </div> 
      </div> 
     </div> 

番目

Answer 1

があなたのCSSファイルにCSSの数行を追加だけコピーして、問題を得れば、それは

.section-header svg{ 
width:100% 
} 

私は