کج شدن متن بعد از استفاده از transform

[css-man]

دوستان من یه دیو دارم که با transform چرخوندمش حالا هر متن توش میزارم اونم میچرخه و کج میشه چی کار کنم که محتوای اون دیو نچرخه و درست وایسه؟

[moalla]

اجمالا میتونم بگم شما باید یه دیو پدر داشته باشید و توش دوتا دیو دیگه که یکیش میشه برای متن و اون یکی میشه برای چرخش.
اما آخه دوست من ندیده که نمیشه دقیقا چیکار باید بکنی
کاش فرهنگ لینک دادن اشکالات به سایت jsfiddle توی این تالار و بین هموطنها بیشتر جا بیفته. هم اونی که میخواد جواب بده سریع میفهمه شما چی میخوای و هم شما زودتر به نتیجه میرسی. آموزشش رو اینجا (http://quicklearn.ir/?q=node/1)گذاشتم.
ماشالا تو stackoverflow چپ و راست لینک میدن به jsfiddle

[css-man]

این لینک (http://jsfiddle.net/sm_pakdel/xzrvL/) موردنظر اگر در لینک به متن دقت کنید دفرم شده
اولش که مطابق باکس کج شده بودبا کلی انور اونور کردن تا یه جاهایی صاف شد ولی کامل نه

[2undercover]

راه حل کلیش اینه که شما متن داخل div رو داخل یک span داخل div قرار بدید و div رو بچرخونید بعد span داخل div رو به همون مقدار که div رو چرخوندید به مقدار عکس بچرخونید یعنی اینجوری:


div
{
transform: rotate(120deg);
}
div > span
{
transform: rotate(-120deg);
}