タグ: span

スパンクラスで文章の最後に注目をつける時の　下へずれないCSS

<span class="now">今だけ！3,000円 9月末まで</span>
.now{
	font-size: 12px;
	color: #FFF;
	background-color: #F00;
	line-height: 22px;
	display: inline-block;
	position: absolute;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
	margin-top: 2px;
}

ポイントは
display: inline-block;
position: absolute;
margin-top: 2px;
こうすると上から表示されマージンが効くので調整