Search code examples
htmljlabel

HTML: How to remove line spacing from PRE tag

When the text is displayed from the follwing HTML there is a large space between the two line. How do i remove that space?

<pre style="font-family:arial;color:191970;font-size:10px;line-height:.1;">
Line 1 with one tab at the end
</pre>
<pre style="font-family:arial;color:191970;font-size:10px;line-height:.1;">
Line 2 with one tab at the end
</pre>

Why i am using tag? I place 2 tabs at the end of each line thats why i am using this tag

Solution

  • you are using two <pre/> tags for two lines. so you need to manage margine and paddings for the <pre/> tag. line-height is not enough. and remember to set the line-height in em values and set the initial font size and line-height at the document level as well.