Creating a line under chapter number

[SydneyJB]

Hi, I need help. I am still learning Calibre. To create an elegant, small line between my chapter number and my character’s name at the chapter opener, is it better to use a png of a small line, or is it ok to use a Bergamot Ornament typeface?

Selecting the tilde ~ gives a nice little line in Bergamot Ornament. But I’m worried that all epub readers will strip out the Bergamot Ornament typeface. I see these lines with tapered ends in other epubs. Are they using images? Thanks!!

[Karellen]

There are various methods, but it depends on...

1. What type of line you are wanting. Just a simple straight line, or some type of ornamental Fleuron?
2. Which ereader will you be reading it on?

Maybe post a screenshot of what you want it to look like.

[theducks]

Or simple, basic CSS ways

Keywords:
<hr />
text-decoration: underline

(see the 'box model' theory for understanding)
border-bottom
padding-bottom

[Quoth]

And css can have width: 30%; like on an <hr class="small" />

[theducks]

Originally Posted by Quoth

And css can have width: 30%; like on an <hr class="small" />

width was unreliable on older (that is all I have) versions of RMSDK

if you used Width, it did not (self) center
So I always forced it over (use needed math)

margin-left: 35%;
width:30%

[Quoth]

Originally Posted by theducks

width was unreliable on older (that is all I have) versions of RMSDK

if you used Width, it did not (self) center
So I always forced it over (use needed math)

margin-left: 35%;
width:30%

Works if the element is in an outer container with desired settings
Then no margin-left is needed, but yes the math approach is reliable.
Of course maybe the line isn't wanted to be centred, but margin-left: 1.5em;.