[CSS]画像アイコン付リンクでテキスト右寄せor中央揃えのメモ

かなり初歩的なのですが、以外に忘れてしまってたのでメモメモ

CSS:

p.more{
text-align: center;
}
p.more  a{
background: url(icon_rarr.png) 0 4px no-repeat;
padding-left: 15px;
}

HTML:

<p class="more"><a href="#">テキスト</a></p>

css