Каждый раз, наступая на грабли, при верстке страниц, сталкиваюсь с одной и той же проблемой, а именно пробелы или переносы строк между тегами <ul><li>
Типичный пример:

<ul class="root" id="base1">
	<li class="pin1"><a href="/blog">Blog</a></li>
	<li class="pin2"><a href="/downloads">Downloads</a></li>
</ul>

На дворе уже скоро 2017 год, а решения на уровне HTML5 / CSS так и не появилось. Предлагаю решение, оно очень простое, но эффективное (на php):

$data = preg_replace("/[\s\n]*?(\<(\/ul>|li[\s>]))/i", "$1", $data)

Такой подход, перед записью в базу данных, позволит избежать проблем с версткой. Надеюсь мое решение пригодится как начинающим, так и продвинутым. Удачной верстки.