I really like the look of the font from the preformatted <pre> tag. However, it's a hassle to actually use the <pre> tag in my posts because it doesn't automatically break lines, and I have to manually insert break lines to format my posts.
Pasting <pre> text onto a Microsoft Word document, I have 9-point Consolas font, formatted to HTML Preformatting. To try to mimic this, I add the tag <span style="font: 10pt consolas;">. However, 10pt is too small, and 11pt is too big (I can't make it fall in between). The same problem goes when replacing 10pt and 11pt with 95% and 100%, respectively.
On top of that, the span tag seems to be missing something, because while the font is correct, the formatting just looks different. When I pasted my new text to the Word document, I have formatting set to apple-style-span, as well as a larger font than I would like.
Is there any way for me to perfectly mimic the font style, formatting, and size of <pre> without having to manually enter line breaks?
The blog I need help with is uhwuggawuh.wordpress.com.
