0

h1タイトルが言うように、レスポンシブ要素の真ん中にテキストを配置しようと必死です。2時間試してみましたが、正しく動作しないようです。私は何を間違っていますか？

absoluteポジショニングとマージンを試し-ましたが、実際には正確ではないようでした:

.category-description{
    position: absolute;
    top: 50%;
    left: 50%;
    height: 30%;
    width: 50%;
    margin: -10% 0 0 -30%;
    font: 16px/1.8 "Titillium Web", sans-serif;
}

理解を深めるために JSFiddle を作成しました

フィドルはここに入る

事前に感謝し、私の下手な英語で申し訳ありません

4

1 に答える 1