Everything2
Near Matches
Ignore Exact
Full Text
Everything2

hr

created by jes5199

(thing) by anotherone (1.1 y) (print)   ?   (I like it!) Fri Nov 17 2000 at 4:28:32

<hr> is the HTML tag to draw a horizontal line across the page.

Like ^that^.

HR stands for Horizontal Rule.


(thing) by wertperch (2.3 hr) (print)   ?   (I like it!) 1 C! Sat Aug 11 2001 at 23:05:05

Creating white space with the <hr> tag

The standard <hr> tag looks like this:


whereas the truncated tag, using <blockquote><hr></blockquote> extends across less of the page:

The line will still resize with the window, but gives horizontal white space. It has the secondary advantage of creating white space above and below the line as well. (I have used this where I want to create a less cluttered, more open look to a writeup, as in my homenode.) It allows the eye to continue scanning down more easily, by making the break less challenging, encouraging the reader to continue past the rule.

Multiple <blockquote></blockquote> pairs may be used to create shorter lines.
<blockquote><blockquote><hr></blockquote></blockquote> gives you:


By adding more pairs, the line can be shortened considerably.

Finally, a <p> before and after a rule gives vertical white space without truncating the line:



Very short lines

This works well for longer lines, but becomes clumsy if you want a very short line, for example:


There an attribute to alter the length of the rule, which was pointed out to me by Blue_Bellied_Lizard. For lines of absolute length, E2 accepts <hr width=100>, for example, which is what was used for the line above. Please note that the <hr width=50%> method for getting a line as a percentage of the window or frame width, does not work in E2!

Care has to be taken, as making the line too long will mangle the window, as the browser does not size it with the window. This will upset your readers. Blue_Bellied_Lizard says "...width is only good for very short lines, because it is absolute" (i.e. a number of pixels width), and he is right. If you need a short, short line, use width=xxx, but keep the numbers low. I tend to use 150.


printable version
chaos

Human Resources HTML tags Croatia Zap me
Hrvatska Thanks to Internet Explorer, I am an Amsterdam Voyeur Formatting poems and simple HTML HK
Fantasy Baseball H.R. Giger blockquote I
H1 Liquid Data HS Everything Troll Registry
Tips on job searching October 2, 2000 Sequential cooling to make dumb messages in Cool User Picks Sammy Sosa
Existence of the System Administrator Everything2 as a discussion forum visual art The Mugger
No more writeups are being accepted for this node. This node has been locked because it is (almost) always an abbreviation for something else.

If you create a node that HR stands in for, and the full name does not already appear in the "See Also:" list above, please contact an editor to add it to the list.

If you would like to add a writeup that HR directly pertains to, please place it in your E2 Scratch Pad and contact an editor to unlock the node for you. If you feel you have something to add to this node, post it on your Scratch Pad and contact an editor.

  Epicenter
Login
Password

password reminder
register

Everything2 Help

Cool Staff Picks
Nodes your grandpa would have liked:
Superstring Theory
Arthur Schopenhauer
Brian Eno Random Node Conspiracy
Treaty of Versailles
Minamoto Yoshitsune
Hans van Meegeren
Ci Xi
1/0
Why Angled Shots are Easier than Straight Shots
Do not go gentle into that good night
Slave housing in the American South
Salvia divinorum
Democracy in America
New Writeups
Cuckowski
Slavonic Princess(poetry)
Heitah
Posthumous Oscar(thing)
ignis_glaciesque
University of South Florida(place)
ignis_glaciesque
Flogstaskriket(idea)
liveforever
Caesar's last breath(idea)
dagnyswaggart
she wants to believe(personal)
antigravpussy
he doesn't know, but her eyes widen too far(thing)
dagnyswaggart
Wild tides guard her secrets(poetry)
Lord Brawl
Caesar's last breath(poetry)
locke baron
Forgotten things in space(fiction)
sitaraika
Colours(idea)
etouffee
Wild tides guard her secrets(poetry)
Lord Brawl
Dr. Horrible's Sing-Along Blog(review)
a8ksh4
regret(idea)
Heisenberg
Editor Log: July 2008(log)
Everything 2 is brought to you by the letter C and The Everything Development Company