Hola, estoy probando un código que debe de tener algún fallo. El efecto buscado es tener un div para albergar un texto, cuyo título aparezca con un background de lado a lado en la parte superior del div. Por ahora no tengo éxito, y el background se queda corto -no llega a los bordes derecho ei zquierdo del div-. Además, tampoco puedo aplicar estilos de margen al texto que debe ir dentro del div; quiero ponerle una sangría izquierda a principio de párrafo y tras cada punto y aparte, y que las líneas tengan la misma longitud, cosa que no puedo hacer con el final de línea (en el margen derecho).
El código es:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>advertencias</title>
<style type="text/css">
* {
margin: 0;
padding: 0;
body {
background: red;
}
#contenido {
width: 790px;
position: absolute;
top: 120px;
left: 300px;
background: green;
}
#minibox {
width: 260px;
height: 480px;
background: white;
border-with: 4px;
border-style: solid;
border-color: maroon;
padding-right: 6px;
padding-bottom: 9px;
padding-left:6px;
}
h2 {
font-family: Arial;
font-wigth: bold;
background: black;
text-align: center;
padding-top: 0;
}
h4 {
font-family: Courier;
color: navy;
text-align: justify;
text-indent: 0.75 cm;
margin: 10px 10px 10px 10px;
}
</style>
</head>
<body>
<div id="contenido">
<div id="minibox">
<h2><span style="padding-top: 0;">Titulo</span> </h2>
<p><h4>Texto...</h4></p>
</div>
</div>
</body>
</html>
Muchas gracias por anticipado y un saludo al personal forero
