NB: you've fixed the styling (renders fairly reasonably on my 10" tablet) but not the markup.

<pre> should be used for preformatted code blocks or similar.

When you're quoting something, the appropriate markup is a <blockuquote> tag pair.

Most sane CSS should render that reasonably, preferably simply by indenting the content.

i write posts in markdown, they're then "compiled" into html, I should fix the software I'm using ... but as long as it works, for me it's ok, being it styling or markup :)

In markdown I think a blockquote is indicated by >, so:

> This is a quote

> it is rendered as a blockquote.