Remove line break HTML [closed]

Question

I'm wondering how to remove the line break in HTML. For example this code would have two Hello Worlds on top of each other. I'm sorry if I'm not good enough at programming to be in this site.

<p>Hello World</p>
<p>Hello World</p>

Answer 1

You've got a few options:

p {
    display: inline-block;
}

JS Fiddle demo.

Or:

p {
    display: inline;
}

JS Fiddle demo.

If it's the white-space between the bottom of the first p and the top of the second p that you want to remove:

p {
    /*      top  right  bottom  left */
    margin: 0    0      0       0;
}

JS Fiddle demo.

Answer 2

The <p> tag is a block-level element, meaning that by default it will try to take the entire width of its container. If you must use a <p> tag, you can change its behavior with CSS using "display:inline." Although, the <span> tag might work better for what you need, since it is an inline element by default.

W3Schools has a lot of information you may find helpful.

http://www.w3schools.com/html/html_blocks.asp