<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
<style>
ul {
border: 1px solid black;
padding:0px;
width:20%;
list-style-type:none;
background-color: #eee;
}
li {
border: 1px solid black;
text-align:center;
padding:25px;
}
li a {
color: black;
text-decoration: none;
}
li:hover {
background-color: #ccc;
}
table {
width:100%;
}
.dos {
padding:20px;
}
.uno {
width:20%;
padding:0px;
margin:0px;
}
ul {
width:100%;
}
</style>
</head>
<body>
<table>
<tr>
<td class="uno">
<ul>
<li><a href="">Inicio</a></li>
<li><a href="">Animales</a></li>
<li><a href="">Ventas</a></li>
<li><a href="">Promociones</a></li>
<li><a href="">Contacto</a></li>
</ul>
</td>
<td class="dos"><p>Lorem ipsum es el texto que se usa habitualmente en diseño gráfico en demostraciones de tipografías o de borradores de diseño para probar el diseño visual antes de insertar el texto final.</p>
<p>Aunque no posee actualmente fuentes para justificar sus hipótesis, el profesor de filología clásica Richard McClintock asegura que su uso se remonta a los impresores de comienzos del siglo XVI.1 Su uso en algunos editores de texto muy conocidos en la actualidad ha dado al texto lorem ipsum nueva popularidad.</p>
<p>El texto en sí no tiene sentido, aunque no es completamente aleatorio, sino que deriva de un texto de Cicerón en lengua latina, a cuyas palabras se les han eliminado sílabas o letras. El significado del texto no tiene importancia, ya que solo es una demostración o prueba, pero se inspira en la obra de Cicerón De finibus bonorum et malorum (Sobre los límites del bien y del mal) que comienza con:</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>Existen múltiples variantes del texto original, algunas casi sin parecido con él. Estas versiones incluyen letras adicionales que no son comunes en latín (como la k, w y z) o palabras sin sentido como zzril, takimata y gubeergren que intentan hacer la distribución aún más parecida al inglés.</p>
</td>
</tr>
</table>
</body>
</html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
<style>
ul {
border: 1px solid black;
padding:0px;
width:20%;
list-style-type:none;
background-color: #eee;
}
li {
border: 1px solid black;
text-align:center;
padding:25px;
}
li a {
color: black;
text-decoration: none;
}
li:hover {
background-color: #ccc;
}
table {
width:100%;
}
.dos {
padding:20px;
}
.uno {
width:20%;
padding:0px;
margin:0px;
}
ul {
width:100%;
}
</style>
</head>
<body>
<table>
<tr>
<td class="uno">
<ul>
<li><a href="">Inicio</a></li>
<li><a href="">Animales</a></li>
<li><a href="">Ventas</a></li>
<li><a href="">Promociones</a></li>
<li><a href="">Contacto</a></li>
</ul>
</td>
<td class="dos"><p>Lorem ipsum es el texto que se usa habitualmente en diseño gráfico en demostraciones de tipografías o de borradores de diseño para probar el diseño visual antes de insertar el texto final.</p>
<p>Aunque no posee actualmente fuentes para justificar sus hipótesis, el profesor de filología clásica Richard McClintock asegura que su uso se remonta a los impresores de comienzos del siglo XVI.1 Su uso en algunos editores de texto muy conocidos en la actualidad ha dado al texto lorem ipsum nueva popularidad.</p>
<p>El texto en sí no tiene sentido, aunque no es completamente aleatorio, sino que deriva de un texto de Cicerón en lengua latina, a cuyas palabras se les han eliminado sílabas o letras. El significado del texto no tiene importancia, ya que solo es una demostración o prueba, pero se inspira en la obra de Cicerón De finibus bonorum et malorum (Sobre los límites del bien y del mal) que comienza con:</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>Existen múltiples variantes del texto original, algunas casi sin parecido con él. Estas versiones incluyen letras adicionales que no son comunes en latín (como la k, w y z) o palabras sin sentido como zzril, takimata y gubeergren que intentan hacer la distribución aún más parecida al inglés.</p>
</td>
</tr>
</table>
</body>
</html>