HR (horizontal rule) code?

**ModernRevolutions** · 01-14-2011, 08:02 PM

I was wondering if there was a way to have a horizontal rule to continue before and after a word? Kinda of like

is there a code for that?

**djr33** · 01-14-2011, 08:26 PM

You could use CSS to position it like that, but there is no default way to make it stay on the same line.

**ModernRevolutions** · 01-15-2011, 02:46 AM

Why type of CSS code would I need?

**djr33** · 01-15-2011, 03:48 AM

It might depend on the exact situation/layout, but I imagine it would be similar to the CSS you would use to position a div in an unusual way. For example, float:left might help. I'd have to play with it to see how it works. You could also use CSS to try and override the 'block' aspect of an <hr>. Maybe just style="display:inline;" would be enough.

**pxlcreations** · 01-26-2011, 05:25 PM

Code:

<head>
<style>
hr{
margin-left:60px;
}

.line{
float:left;
width:100%;
margin-top:-18px;
}

.text{
float:left;
}
</style>
</head>
<body>

<div class="text">Jan 13th</div> 
<div class="line"><hr /></div>

</body>

Thread: HR (horizontal rule) code?

Thread Tools

Search Thread

HR (horizontal rule) code?

Bookmarks

Bookmarks

Posting Permissions