HTML: How to remove line spacing from PRE tag

Question

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

Answer 1

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.

Answer 2

by default pre tag is displayed as block, that is the reason. To over come this use following code in CSS

 pre 
    {
    display: inline;
    }