2016-09-05 20 views
0

を探ります。HTMLの伝説タグは..</p> <p><a href="https://i.stack.imgur.com/yc2kJ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/yc2kJ.png" alt="enter image description here"></a></p> <p>を動作しませ探るここで働いていない中央

下部には、ここに

legend.scheduler-border { 
width:inherit; 
font-size: 1.8em !important; 
font-weight: bold !important; 
text-align: center !important; 
} 

fieldset.scheduler-border { 
border: 1px groove #ddd !important; 
padding: 32px 0 70px 2px; 
margin: 0 0 1.5em 0 !important; 
-webkit-box-shadow: 0px 0px 0px 0px #000; 
     box-shadow: 0px 0px 0px 0px #000; 
} 

コード...底がクロームです...正しい

enter image description here

クロームです。ここラインのフロント伝説タグ

+2

HTMLコードをしてください? – Gowtham

答えて

0

は単純な例です中央に揃う凡例タグ


 

 
<form> 
 
    <fieldset> 
 
    <legend align="center">Personalia:</legend> 
 
    Name: <input type="text" size="30"><br> 
 
    Email: <input type="text" size="30"><br> 
 
    Date of birth: <input type="text" size="10"> 
 
    </fieldset> 
 
</form> 
 

+0

ありがとうございます! –

+0

いいえ問題は、コーディングを保つ:-) – Gowtham

2

だけ追加します。

legend { 
    text-align: center; 
} 
+0

多分あなたはhtmlコードでエラーがありますか?それは働いている。 – Neuropeptidula

+0

これは受け入れられる回答である必要があります。 @ Gowthamの答えはうまく動作しますが、マークアップの「インライン」ではなく、可能であればCSSでこのようなスタイルを行うのがベストプラクティスと考えられます。 'legend {text-align:center}'がうまくいかないのは、あなたが他の場所に適用した他のスタイルにスタイルが失われているからです。あなたの '!important'sは、私がそれが起こっていると思うようにします。あなたが'重要な 'を使う必要があるならば、' legend'に矛盾するスタイルを与えたからです。 – henry

+0

このactivateはchromeです。探検していない –

関連する問題

 関連する問題