iOSのSafariでボタンのテキストの中心を揃えることはできませんか？

Question

私は大きなテキスト（以下「300kr」）と<button>を作るしようとしている：私は<button>タグと大きなフォントサイズを使用する場合

しかし、あなたが見ることができるように、テキストでありますボタンの中央から左に揃えられます（画像2）。それは私がチェックした他のすべてのブラウザでうまく描画されます。これはSafariのiOSのバグですか？ボタンの

CSSコード：

background-color: rgb(0, 0, 0); 
border-color: rgb(0, 0, 0); 
border-top-left-radius: 100px; 
border-top-right-radius: 100px; 
border-bottom-right-radius: 100px; 
border-bottom-left-radius: 100px; 
border-width: 5px; 
box-shadow: rgba(0, 0, 0, 0.572549) 0px 7px 34px; 
color: rgb(255, 255, 255); 
font-family: KGEmpireofDirt; 
font-size: 72px; 
font-weight: 300; 
opacity: 1; 
transform: rotate(-20deg); 
text-align: center; 
width: 100%; 
height: 100%; 
border-style: solid; 
-moz-box-sizing: border-box; 
box-sizing: border-box; 
display: inline-block; 
position: relative; 
text-decoration: none; 
font-family: Helvetica, sans-serif; 
font-weight: 700; 
background-color: #6ec8dc; 
color: #fff; 
border-radius: 6px; 
border: 0; 
font-size: 100%; 
-webkit-appearance: none 
outline: 0; 
resize: none; 

HTML：

<a weld-element="" id="button-5762" class="weld-element weld-container weld-button ng-scope" ng-href="" style="height: 172.23703002929688px; left: 27.243403116862197%; top: 647.8621179414583px; width: 177.01909383137794px; z-index: 103;"> 
    <button class="weld-child apply-styles ng-binding" id="button-5762-btn" ng-hide="isEditing" style=" 
     background-color: rgb(0, 0, 0); 
     border-color: rgb(0, 0, 0); 
     border-top-left-radius: 100px; 
     border-top-right-radius: 100px; 
     border-bottom-right-radius: 100px; 
     border-bottom-left-radius: 100px; 
     border-width: 5px; 
     box-shadow: rgba(0, 0, 0, 0.572549) 0px 7px 34px; 
     color: rgb(255, 255, 255); 
     font-family: KGEmpireofDirt; 
     font-size: 50px; 
     font-weight: 300; 
     /* letter-spacing: 0.03em; */ 
     opacity: 1; 
     transform: rotate(-20deg); 
     text-align: center;">300kr</button> 
</a> 

Answer 1

ソリューションは、ボタンの明示的なpadding: 0を設定することでした。 Safari iOSはmacOSのSafariとは異なるUser Agentスタイルシートを持っています。paddingのデフォルトは1emです。