Блог

Я хочу повернуть метку, но transform: rotate(); похоже, не работает. Есть идеи, почему?

код css

 #labelName{
    position:relative;
    width: 50px;
    bottom: 150px;
    transform: rotate(-45deg);
}
 

http-код

 <input type="text" id="something" placeholder="something"> <label for="something" id="labelName">mm</label>
 

Вам нужно будет сделать его блочным элементом display: block . Встроенные элементы не могут быть преобразованы.

 #labelName{
    position: relative;
    width: 50px;
    bottom: 50px;
    transform: rotate(-45deg);
    display: block;
} 

 <br />
<br />
<br />
<br />
<br />
<input type="text" id="something" placeholder="something"> <label for="something" id="labelName">mm</label>