变换旋转元素 - 保持在左侧

Question

我使用transform: rotate(-90deg)来旋转按钮。它运作良好，我的按钮旋转。

在我的按钮紧贴屏幕左侧之前。现在旋转，有一个空格等于我的按钮宽度的50％：

＆＃13;

＆＃13;

#callnowbutton{
        left:1px;
        transform: rotate(-90deg);
        position:fixed;
        }

＆＃13;

    <div id="callnowbutton">
        <button>This is my button</button>
        </div>

＆＃13;

＆＃13;

＆＃13;

我再也不能把它放到左边而不给它margin-left: -50px 但这不起作用，因为按钮的内容每次都会改变。所以它应该是适应性的。

编辑---

我已添加该代码段。我尝试定义transform-origin和translateY，但它不适合左侧。