Quote:
Originally Posted by Steadyhands
What about if you want the line beside the heading like this?
I'd like a better way to do this as it doesn't allow for changes in the size of the chapter heading text, and I'd like it to start on the right then finish at the header.
|
Hmmm, I don't know if this will work for you, but you can do a try. In your css stylesheet write:
Code:
h2 {
font-size: 1.4em;
text-align: left;
margin: 1em 0;
white-space: nowrap;
}
h2:after {
display: inline;
font-size: 1.2em;
text-overflow: clip;
white-space: nowrap;
word-spacing: -10px;
content:" ————————————————————————————————————————————————————————————";
}
And in your .html file write:
Code:
<h2>BLA BLA BLA BLA</h2>
<p>.... something ...</p>
I really don't know if your reader can support the pseudo-element :after.
Regards
Rubén