I am having a problem with removing linebreaks after the <h1> tag, as everytime it prints, it adds a line break straight after it, so something like <h1>Hello World!</h1> <h2>Hello Again World!</h2> prints out like this:
Hello World!
Hello Again World!
I am unsure on what tags I need to change in CSS, but I expect it's something to do with the padding or margins
I also want to keep the vertical padding if at all possible.
Sounds like you want to format them as inline. By default, h1 and h2 are block-level elements which span the entire width of the line. You can change them to inline with css like this:
h1, h2 {
display: inline;
}
Here's an article that explains the difference between block and inline in more detail: http://www.webdesignfromscratch.com/html-css/css-block-and-inline/
To maintain vertical padding, use inline-block, like this:
h1, h2 {
display: inline-block;
}