D
D
Dmitry Mushtat2012-11-23 23:17:52
css
Dmitry Mushtat, 2012-11-23 23:17:52

Text at an angle (not css-transform)?

There is a need to write the text at an angle. Image attached.
dd307f0240182836f647ab991ed975de.jpg
I know that this can be done. If someone came across, please share the solution.
Thanks in advance!

Answer the question

In order to leave comments, you need to log in

5 answer(s)
E
egorinsk, 2012-11-23
@Mushtat

The above are bad decisions. A paragraph of any text can be curved with any arc using a bunch of small floats on the left and right.

E
Eugene, 2012-11-23
@Agent_J

<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>

var list   = $('p');
var shift  = 20;
var margin = list.length * shift;
list.each(function()
{
    this.style.marginLeft = margin + 'px';
    margin -= shift;
});

E
Eugene, 2012-11-23
@Agent_J

or without javascript

DIV DIV {
  margin-left:20px;
}

<div>
    <div>
        <div>
            Lorem ipsum
        </div>
        Lorem ipsum
    </div>
    Lorem ipsum
</div>

M
Mike_Bazhenov, 2012-11-24
@Mike_Bazhenov

Each line in

<p>
and
text-indent:20px;

K
Keyten, 2012-12-30
@Keyten

text-indent, padding, etc.

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question