How To Write Some Text in a Horizontal Rule?

[JiaPei Jen]

I would like to have something similar to a horizontal rule (with certain height, of course) and show some text in it?

Do I really use <HR size=30, aligh="center">? How do I write some text in it?

[Eric Pascarello]

you can't write text in it...

best you can do would be

<div style="width:100%;text-align:center;">
  <span style="width:100px;display:inline;float:left;"><hr/></span>
  <span style="display:inline;float:left;">ASDF</span>
  <span style="width:100px;display:inline;float:left;"><hr/></span>
</div>

[JiaPei Jen]

I have seen in web pages that there is a horizontal bar with a color; say, green. And there is some text in the bar with another colore; say, yellow. How is it been done?

[Eric Pascarello]

IMAGE or the way I did it??

[Weerawit Maneepongsawat]

Can we use this?

 
 
<strike>$35.00</strike>

[Julian Kennedy]

I guess you could use <s> or <strike> if you want the line through the text rather than wanting the line to break around the text. You could even use a combination of strike and NBSP but it's messy. Note that <strike> is deprecated in HTML 4 in favour of the CSS text-decoration: line-through style.

Eric's method is cleanest as it uses HTML 4 and CSS and no table for layout.

Jules

[JiaPei Jen]

But, according to Eric's method, the line is not through the text. The line breaks around the text.

[Julian Kennedy]

If you want the line through the text then use <strike> with HTML 3.2 or style="text-decoration: line-through;" with HTML 4 or XHTML.

Jules