А зачем прописывать один стиль на все вкладки? Нужно не: .wrapper .active { color: red; }
Тем самым у вас все в один цвет окрашиваются.
Попробуйте так: .tab .active { color: red; }
Конечно извиняюсь, но не вижу сжатий. На одной строчке вы используете разные символы, на другой одинаковые. Просто буквы различаются.
В любом случае гляньте пример 3: htmlbook.ru/blog/perenosy-slov