Mobileread
Title with underline
#1  Pyjam 08-19-2019, 05:17 PM
How can I do an underline like in the picture?
(I'm a newbie)

Using «*text-decoration: underline*» doesn't produce a nice result like this with a thick line and a large gap between the text and the line.

Thank you.
screenshot_2019_08_19T22_40_57+0200.png 
Reply 

#2  jackie_w 08-19-2019, 08:26 PM
You could try HTML like
Code
<h2><span class="decor">PREMIÈRE PARTIE</span></h2>
with CSS like
Code
.decor { padding-bottom: 0.25em; border-bottom: 2px solid;
}
Adjust numeric values as desired for line thickness and padding between text and line.
Reply 

#3  Pyjam 08-19-2019, 09:11 PM
Wonderful. Thanks a lot.
Reply 

Today's Posts | Search this Thread | Login | Register