Remove vertical space between two text elements
and

Question

Cant seem to find how to remove vertical space between two text elements, There are some similar problems on this website but doesn't seem to actually work.

HTML Code:

<p>this website is</p> <h1>Encrypted</h1>

it seems that I would have to use a position code, but when I use a position code that lets other elements get close to it, the text gets pushed to another spot on the website

No matter how much I change the margins, The space between the two elements are always the same — Nikolas, Mar 14 '15 at 23:33
Not sure how to help you then without knowing more context. You'd have to show us your actual code and what you've tried. — Brad, Mar 14 '15 at 23:35

score 2 · Accepted Answer · answered Mar 14 '15 at 23:42

Remove white space between elements using CSS:

Horizontal being (top and bottom space)

h1, p {
margin-top: 0;
margin-bottom: 0;
line-height: /* adjust to tweak wierd fonts */;
}

Vertical being (left and right space)

.parent {
font-size: 0;
line-height: 0;
}

h1, p {
font-size: 12px;
margin: 0;
display: inline-block;
}

JSFIDDLE

score 1 · Answer 2 · edited May 23 '17 at 12:15

1

Every browser has pre-set styles for elements. p and header tags have margins set. You can change this by using margin: 0;: JS Fiddle

You may also benefit from using a CSS Reset to avoid these issues.

Also, I don't imagine a scenario where the word "encrypted" in your code should be using an <h1> tag: How to properly use h1

edited May 23 '17 at 12:15

Community

1
1

answered Mar 14 '15 at 23:33

Derek Story

9,518
1
24
34

Thank you, not sure why so many disliked the post, I guess this website isn't very noob friendly – Nikolas Mar 14 '15 at 23:38
Its difficult to answer questions fully without more context. Typically you will want to include your CSS (or anything you have attempted) as well. And everyone loves a jsfiddle.net of the issue too. – Derek Story Mar 14 '15 at 23:41

Remove vertical space between two text elements and

2 Answers2

Remove vertical space between two text elements
and