Как сделать вертикальный блок без margin-left?

Question

[Андрей Смирнов]

Всем привет, есть такой вопрос - я хочу сделать фиксированный блок, который при прокрутке и всегда будет висеть в одном месте. Вот стили:

<style>
.fixer{
	position:fixed;
	top: 50%;
        margin-left: -45px
	left: 0;
	border: 1px solid black;
	-webkit-transform:rotate(-90deg);
}
</style>

Вопрос: как можно разместить блок так же, чтобы результат был такой же как и сейчас(находится по центру впритык к левому краю и текст вертикальный слева верх текста справа низ текста). Буду благодарен любой помощи.

Upd.: Проблема решена путем добавления свойства transform-origin: left и удаления свойства left:0, вместе с маргином.

Answer 1

[Anna_BS]

.fixer{
  position:fixed;
  top: 50%;
  left: -45px;
  border: 1px solid black;
  -webkit-transform:rotate(-90deg);
}