Holas, estoy tratando de crear un encabezado dentro de un bloque pre a través de su atributo rel, algo como esto:
como verán en la imagen tiene un encabezado con el texto HTML, algo así quiero lograr pero no he podido, este es mi código pre:
pre.block,
{
background-color: #fafafa !important;
/*-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;*/
color: #000000;
padding: 5px;
border: 1px solid #c9c9c9;
overflow: auto;
margin-left: 10px;
font-size: 13px;
width: 95%;
white-space: pre-wrap;
font-family: Consolas, "Bitstream Vera Sans Mono", "Andale Mono", Monaco, "DejaVu Sans Mono", "Lucida Console", monospace;
}
Intenté hacer un :after pero el texto me quedaba muy lejos del contenedor, ¿se podrá hacer o habrá una mejor manera de hacerlo?
Saludos.