Насчет отрицательности параметра margin я прочел [Только зарегистрированные пользователи могут видеть ссылки. ].
Однако, исправил на margin: 3px и все стало красиво. За что премного благодарен.
Насчет "развода" классов - это вынужденная мера. Делаю примерно следующее:
<div class="index">
Some text hear (начинающийся с абзаца)</p>
Some text hear (начинающийся с абзаца)</p>
</div>
Просто дальше следует подзаголовок и через несколько абзацев еще один, посему, приходится жонглировать тегами.