KLoning Spoon
Centered Heading Overlaying a Horizontal Line with CSS

Centered Heading Overlaying a Horizontal Line with CSS

Simple Styles for Horizontal Rules, That is, the <hr> element. You could get a lot fancier with an element like a <div> that can hold content, but I like the semantics of a horizontal rule. It’s an emphatic break between two sections of content.

Simple Styles for Horizontal Rules, That is, the <hr> element. You could get a lot fancier with an element like a <div> that can hold content, but I like the semantics of a horizontal rule. It’s an emphatic break between two sections of content.

Since Vi supports chaining commands, you can save the file and exit Vi with the ‘:wq’ command. Notice that ‘:qw’ will result in “E492: not an editor command: qw”. So, make sure that you put commands together in the correct order. Another command, ‘:x’, does the same thing as ‘:wq’.

<div style=”text-align: center; border-top: 1px solid black”>
  <div style=”display: inline-block; position: relative; top: -10px; background-color: white; padding: 0px 10px”>This text had a line through</div>
</div>