span.element{
	display: inline-block;
	position: relative;
	padding: .7em 5px .8em 5px;
	background: #ff0;
	border: 1px solid #880;
	border-radius: 7px;
	box-shadow: inset -2px -5px 10px #aa0;
}
	span.element span.number{
		display: block;
		position: absolute;
		top: 5px;
		left: 5px;
		font-size: .5em;
	}
	span.element span.number:after{
		content: "42";
	}
	span.element span.right{
		display: block;
		position: absolute;
		top: 5px;
		right: 5px;
		width: 1em;
		font-size: .2em;
		font-weight: normal;
		text-align: right;
	}
	span.element span.right:after{
		content: "12 27";
	}
	span.element span.symbol{
		display: block;
	}
	span.element span.footer{
		display: block;
		position: absolute;
		bottom: 5px;
		left: 5px;
	}
	span.element span.name{
		display: block;
		font-size: .35em;
		font-weight: normal;
	}
	span.element span.name:after{
		content: "Scientist";
	}
	span.element span.mass{
		display: block;
		font-size: .3em;
		font-weight: normal;
	}
	span.element span.mass:after{
		content: "68.2 kg";
	}