The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

> END display, Eliminate excessive space character & same display
falcon
post Oct 27 2017, 07:43 PM
Post #1


Newbie
*

Group: Members
Posts: 17
Joined: 30-August 14
Member No.: 21,482



END display

CODE

<dt><center><b>&nbsp;&nbsp;&nbsp;-&nbsp;&nbsp;&nbsp;-&nbsp;&nbsp;&nbsp;
-&nbsp;&nbsp;&nbsp;-&nbsp;&nbsp;&nbsp;-&nbsp;&nbsp;&nbsp;-&nbsp;&nbsp;
&nbsp;-&nbsp;&nbsp;&nbsp;-&nbsp;&nbsp;&nbsp;-&nbsp;&nbsp;&nbsp;-&nbsp;
&nbsp;&nbsp;-&nbsp;&nbsp;&nbsp;-&nbsp;&nbsp;&nbsp;-&nbsp;&nbsp;&nbsp;-
&nbsp;&nbsp;&nbsp;-&nbsp;&nbsp;E N D&nbsp;&nbsp;&nbsp;-&nbsp;&nbsp;&nbsp;
-&nbsp;&nbsp;&nbsp;-&nbsp;&nbsp;&nbsp;-&nbsp;&nbsp;&nbsp;-&nbsp;&nbsp;
&nbsp;-&nbsp;&nbsp;&nbsp;-&nbsp;&nbsp;&nbsp;-&nbsp;&nbsp;&nbsp;-&nbsp;
&nbsp;&nbsp;-&nbsp;&nbsp;&nbsp;-&nbsp;&nbsp;&nbsp;-&nbsp;&nbsp;&nbsp;-
&nbsp;&nbsp;&nbsp;-&nbsp;&nbsp;&nbsp;-&nbsp;&nbsp;&nbsp;-&nbsp;&nbsp;
&nbsp;-</b></center></dt></dl>


Ther are three (3) spaces between each dash (-)
There are fifteen (15) dashes each side of END

Display:

- - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - -

Is there a better way to code this in HTML to obtain this display (END) ie remove a lot of space characters
Thank You
falcon
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
 
Reply to this topicStart new topic
Replies
Christian J
post Oct 28 2017, 03:42 PM
Post #2


.
********

Group: WDG Moderators
Posts: 9,665
Joined: 10-August 06
Member No.: 7



I was thinking of something like this:

CODE
p {
border-top: 0.2em dashed;
font-size: 1em;
text-align: center;
}

p span {
position: relative;
top: -0.7em;
letter-spacing: 0.5em;
}
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Posts in this topic


Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 10th May 2024 - 09:45 PM