css - cssテキストを中央と背景色に揃えます

Question

ねえみんな、あなたが私を助けてくれることを望んでいた..

タスクは簡単に思えますが、私はそれを理解することができません...

すなわち

<div style="text-align: center;background-color: rgb(150, 161, 255);  " id="clock">
        asd
</div>

テキストを含む div があり、そのテキストを中央揃えにして、背景がテキストの後ろだけになるようにしたいと考えています。

display:inline を実行すると、背景はテキストの背後にのみ留まりますが、テキストは中央揃えではなくなります。

css のすべての表示プロパティを試しましたが、うまくいきませんでした。

20分ほどグーグルで検索していますが、何を検索すればよいかわかりません。

どんな助けでも大歓迎です。ありがとう。

score 4 · Accepted Answer

これを見てください：

HTML:

<div>
    <span>
        my text
    </span>
</div>

CSS:

div {
    background: red;
    text-align: center;
}

span {
    background: lime;
}

実際の例: JsFiddle

score 1 · Accepted Answer

div 内のテキストに span タグを追加してスタイルを設定してみませんか?

<div style="text-align: center; " id="clock">
    <span>asd<span>
</div>

そしてcss

#clock span{
background-color: rgb(150, 161, 255);
}

score 0 · Accepted Answer

これがあなたの要件に応じて作成しようとしたのに役立つことを願っています..

 <div style="text-align: center;background-color: rgb(150, 161, 255); display:table; margin:auto;  " id="clock">
            asd
    </div>

3 に答える 3