How to Rotate a Letter?

Navigation
3

I'm trying to rotate a letter of a word, to make it equal to the company logo.

This would be the Logo:

HerewasthecodeItriedtousetorotate

<h1class="text-center"><span style="color:blue;font-family:Gabriola;font-size:120px; "><b>E</b></span><span style="color:red;"><span style="-webkit-transform: rotate(-90deg);transform: rotate(-90deg);">B</span>yte</span></h1>

Then it looks like this:

PS: IT'S ONLY THE LETTER B TO GIVE A TURNTABLE

    
asked by anonymous 22.12.2016 / 23:13

1 answer

2

CSS3 Transforms do not work in inline elements, which in your case is a span .

What you can do is add a display: inline-block to the element you want to rotate.

I made the change here: 

<h1 class="text-center"><span style="color:blue;font-family:Gabriola;font-size:120px;"><b>E</b></span><span style="color:red;"><span style="transform: rotate(-25deg); display: inline-block;">B</span>yte</span></h1>
    
23.12.2016 / 00:08
How to display data registered in another page Array PHP for Array JS