Friday, May 10, 2024
 Popular · Latest · Hot · Upcoming
120
rated 0 times [  121] [ 1]  / answers: 1 / hits: 5173  / 11 Years ago, sat, january 4, 2014, 12:00:00

enterI'm trying to figure out how to make the underlines/borders full width for each line without adding
in the paragraphs. Does anyone have any ideas how I should approach this?



The two solutions I have so far is to add the or create an image of it, but that is not the ideal case.



Any help is appreciated, thank you.



HTML



<p>We are always on the lookout for great talent. Please send in your resume or portfolio to [email protected]. The following positions are open.</p>


CSS



p {
border-top: thin soild #000;
}

More From » html

 Answers
5

If the line height is fixed you could do it with a gradient:



p{
line-height: 20px;
color: #333;
background-image:
repeating-linear-gradient(180deg, transparent, transparent 19px, #333 20px);
}


http://jsfiddle.net/t2VG4/


[#49011] Friday, January 3, 2014, 11 Years  [reply] [flag answer]
Only authorized users can answer the question. Please sign in first, or register a free account.
wilson

Total Points: 27
Total Questions: 93
Total Answers: 93

Location: Tajikistan
Member since Sun, Aug 29, 2021
3 Years ago
wilson questions
Tue, Aug 9, 22, 00:00, 2 Years ago
Wed, May 11, 22, 00:00, 2 Years ago
Wed, May 20, 20, 00:00, 4 Years ago
Wed, May 13, 20, 00:00, 4 Years ago
;