テキストが中央揃えの場合、背景のアイコン画像をどのように揃えますか? テキストの前の小さなアイコンのように。中央揃えでない場合は、次のようなものを使用できます。
p {
background: url(image.jpg) no-repeat 0 0;
padding-left: 40px;
}
しかし、次のように中央揃えにすると:
p {
background: url(image.jpg) no-repeat 0 0;
padding-left: 40px;
text-align: center;
}
テキストが中央に配置されている間、背景は左隅に残ります (そのため、それらの間に大きなギャップがあります)。背景の位置を使用することは可能ですが、画面のサイズが私が使用しているものと異なる場合、背景はテキストに重なってしまいます。
jsFiddle デモを確認できます。