カスタム スライダーのテキスト div を中央に配置しようとしています。
何らかの理由で CSS が機能しません。ウェブサイトは私のテスト サーバーhttp://bit.ly/ZgawU6にあります。
上部のスライダーで「環境への懸念」というテキストのグループを中央に配置したいと考えています。このウェブサイトに似ています www.sevenly.org
div を position:absolute; ではなく position:relative に変更すると機能します。ただし、Chromeインスペクターでのみ変更できます。CSSファイルに追加しても機能しません。
このコードが機能しない理由について、誰かが私を正しい方向に向けることができますか?
.custom-slider-caption, .custom-slider-title {
line-height: 1.3;
text-align: center;
position: relative;
}
問題のdiv:
<div class="custom-slider-title" style="top: 0px; opacity: 1;"><div style="position: absolute; left:”0″px; top:140px; right:”0″px; bottom:px; font-size: 43px; color:#fff; text-shadow: 4px 4px 1px #497ca0; ">Environmental Concern</div></div>