Esto es un ejemplo para colocar el texto en una posición fija, de altura y a la izquierda, así como con una anchura y una altura fija. De esta forma el texto que coloquemos está en los márgenes que definimos.
<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">
<head>
<title>Imagen3_texto de fondo con el texto enmarcado</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<!−− Inicio Hoja de estilos CSS −−>
<style type="text/css">
body {
background: url("back.gif");
background-color: rgb(255,255,255);
color: rgb(0,0,0);
font-family: Verdana, sans-serif;
font-size: 12px;
margin: 1%;
}
h1 {
background-color: rgb(255,255,255);
color: rgb(0,0,0);
position: relative;
top: auto;
left: 75px;
width: 350px;
height: auto;
font-family: Verdana, sans-serif;
font-size: 120%;
text-align: justify;
text-decoration: underline;
margin: 1%;
}
p.interior {
background-color: rgb(255,255,255);
color: rgb(0,0,0);
position: relative;
top: auto;
left: 75px;
width: 650px;
height: auto;
font-family: Verdana, sans-serif;
font-size: 100%;
text-align: justify;
margin: 1%;
}
pre {
background-color: rgb(245,245,245);
color: rgb(0,0,255);
position: relative;
top: auto;
left: 75px;
width: 650px;
height: auto;
font-family: Verdana, sans-serif;
font-size: 10px;
text-align: justify;
margin: 2% 1% 2% 1%;
}
p.pie {
background-color: rgb(255,255,255);
color: rgb(0,0,0);
position: relative;
left: 75px;
width: 650px;
height: auto;
font-family: Verdana, sans-serif;
font-size: 100%;
text-align: justify;
margin: 1%;
}
strong {
background-color: rgb(245,245,245);
color: rgb(255,0,0);
font-family: Verdana, sans-serif;
font-size: 100%;
font-weight: normal;
text-decoration: none;
text-align: justify;
}
</style>
<!−− Fin Hoja de estlos CSS −−>
</head>
<body>
<h1>Imagen de fondo con el texto encuadrado</h1>
<p class="interior">
Esto es un ejemplo para colocar el texto en una posición fija,
de altura y a la izquierda, así como con una anchura y una altura fija.
De esta forma el texto que coloquemos está en los márgenes que definimos.
</p>
</body>
</html>