Xyrah's wiki: App Letras Html

<div id='mosca' class='cuento' name='Letras'>
A, albaricoque.
B, barco.
C, círculo.
</div>

  <a id="prev" href="#" class="button" style="float:left">Anterior</a>

  <a id="next" href="#" class="button" style="float:right">Siguiente</a>

</div>

texto {

  font-size: 200%;

  height: 74%;

  border: 1px solid #555;

  padding: .2em;

  line-height: 1.4em;

}

.cuento {

  display: none;

}

control {

   margin-top:0.9em;

}

pageCnt {

    width: 100%;

    text-align: center;

    font-size: 1.2em;

    margin-top: 0.3em;

}

.button {

	-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;

	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;

	box-shadow:inset 0px 1px 0px 0px #fce2c1;

	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25) );

	background:-moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% );

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');

	background-color:#ffc477;

	-webkit-border-top-left-radius:18px;

	-moz-border-radius-topleft:18px;

	border-top-left-radius:18px;

	-webkit-border-top-right-radius:18px;

	-moz-border-radius-topright:18px;

	border-top-right-radius:18px;

	-webkit-border-bottom-right-radius:18px;

	-moz-border-radius-bottomright:18px;

	border-bottom-right-radius:18px;

	-webkit-border-bottom-left-radius:18px;

	-moz-border-radius-bottomleft:18px;

	border-bottom-left-radius:18px;

	text-indent:0;

	border:1px solid #eeb44f;

	display:inline-block;

	color:#ffffff;

	font-family:Arial;

	font-size:20px;

	font-weight:bold;

	font-style:normal;

	height:48px;

	line-height:48px;

	width:120px;

	text-decoration:none;

	text-align:center;

	text-shadow:1px 1px 0px #cc9f52;

}

.menu_btn {

    float: left;

    clear: both;

    width: auto;

    margin-bottom: 0.5em;

    padding: 0 1em 0 1em;

}
/*
.button:hover {

	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477) );

	background:-moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% );

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');

	background-color:#fb9e25;

}.button:active {

	position:relative;

	top:1px;

}

</style>

AppLetrasHtml