Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Placing text inline after a Header

Tags:

css

I have the following HTML:

<h3> HEADER </h3>
<a href="link">Edit</a>

How would I place the link so it comes directly after the Header? It should appear like --

**HEADER** link

I was thinking to float: left the link, but it was still appearing on the line after HEADER. Thank you.

like image 411
David542 Avatar asked Jul 22 '11 08:07

David542


People also ask

How do I make an inline header?

The easiest way to use this type of formatting is to type your heading text followed by your body text, in a single paragraph. Make sure the entire paragraph is formatted as body text, then select just the text that will comprise the heading. Apply the level-three heading style to this selected text.

How do you make a header and paragraph on the same line?

Just make your <h1> display:inline. This way, it will render in the normal text flow.

How do you put a line in a header in HTML?

HTML headings are defined with the <h1> to <h6> tags. <h1> defines the most important heading. <h6> defines the least important heading.


1 Answers

By giving the header inline

h3 {
 display: inline;
}
like image 79
Bazzz Avatar answered Sep 20 '22 19:09

Bazzz