2017-02-12 10 views
1

divタグを使用して自分のHTMLサイトにテキストがあるので、テキストを中央に配置できますが、中心はありません。htmlとcssを使用してテキストを中央に揃える方法

これは、私はこれは私が私がテキストを中央に右CSSコードを使用しますが、何らかの理由、それのためにしているCSS

#info { 
color: #0F0; 
font-size: 20px; 
text-align: center; 
} 

に入れるものですHTML

<div id="info"> 
Welcome 
</div> 

に入れるものです中心はない。誰にもアイデアはありますか?

+0

私はあなたのコードをこの[JSFiddle](https://jsfiddle.net/22eu6ge7/)にコピーし、Welcomeが中央に表示されます。 – Thanasis

+0

それは中心にあります。 – Krishna9960

+0

これはコードの一部であり、他のいくつかのクラスが重複している可能性があります – affaz

答えて

3

text-align: center;が正しいです。あなたのコードは期待どおりに動作するはずです。 サイトを検証し、タイプミスなどがあったかどうかを確認してください。https://validator.w3.org/

+0

ご協力ありがとうございます。 Iveはこれを今すぐソートすることができましたが、テキストの前に20%の幅、テキストの後に20%の幅などのようにテキストのスペースを取り除く方法について何か考えましたか? –

0

これはうまく機能しています。https://codeide.co/master/LpcINKJK私はあなたが要素の幅をチェックすべきだと思います。

#info { 
    color: #0F0; 
    font-size: 20px; 
    text-align: center; 
    width: 100%; 
} 
関連する問題