Template:Ditto/styles.css

.__ditto {
	display:inline-block;
	position:relative;
	/* According to the CSS spec, text-indent is inherited by default, and therefore on display:inline-block elements, it is "wise" to reset it to 0. */
	text-indent:0;
}

.__ditto_hidden {
	visibility:hidden;
	color: transparent; /* in case visibility doesn't work on a device, at least hide the text */
	white-space: nowrap; /* if the hidden text wraps the ditto will be in the wrong place. Probably the best you can do is use the whole line */
}

.__ditto_text {
	display:inline-block;
	position:absolute;
	left:0;
	width:100%;
	white-space:nowrap;
}