[WordPress.com] ソースコードの右下にラベルをつける

以下の CSS を CSS スタイルシートエディターに追加すると

/* ソースコードの装飾 */
div.syntaxhighlighter {
	outline: 6px solid #eccbbb;
	box-shadow: 0 0 0 7px #dabcad;
	margin-bottom: 2.625em !important;
}

div.syntaxhighlighter.xml:before,
div.syntaxhighlighter.plain:before {
	content: "HTML";
	position: absolute;
	bottom: 0;
	right: 20px;
	height: 20px;
	background-color: #c27d5a;
	background-color: rgba(194,125,90,0.7000);
	border-radius: 3px 3px 0 0;
	border: 1px solid #ccc;
	text-align: center;
	line-height: 20px;
	z-index: 1;
	color: #fff;
	text-shadow: -1px -1px 1px #9f4f27;
	padding-right: 7px;
	padding-left: 7px;
	font-size: 10px;
}

div.syntaxhighlighter.css {
	outline: 6px solid #aee3e8;
	box-shadow: 0 0 0 7px #93c0c4;
}

div.syntaxhighlighter.css:before {
	content: "CSS";
	position: absolute;
	bottom: 0;
	right: 20px;
	height: 20px;
	background-color: #31b1bc;
	background-color: rgba(49,177,188,0.700);
	border-radius: 3px 3px 0 0;
	border: 1px solid #ccc;
	text-align: center;
	line-height: 20px;
	z-index: 1;
	color: #fff;
	text-shadow: -1px -1px 1px #237d85;
	padding-right: 7px;
	padding-left: 7px;
	font-size: 10px;
}

ソースコードの右下にラベルをつけたりすることができます。

sdggsdfgdf

rect3015

sadgdfgf

#2013