I am having a problem with removing linebreaks after the tag, as everytime it prints, it adds a line break straight after it, so something like
<
<style>
h1 {
padding: 0px;
margin: 0px;
}
</style>
<h1>
tags have {display: block}
set. They are block-level elements. To turn this off:
{display: inline}
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;
}
I just solved this problem by setting h1 margin value to minus in html style section. It works perfecly for my needs.
<style>
h1 {
display: block;
font-size: 0.9em;
margin-top: -1.91em;
margin-bottom: -1.91em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
</style>
<h1 style="text-align:center"> Headline </h1>