Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

How to center align Text in carousel?

How to center align Text in carousel?

Problem

I'm trying to create simple text Carousel using pure css3 (NO Javascript). With the help of few references; I managed to write code mentioned below:







In this code, text is getting mis aligned; can you please help to fix same. Carosuel; must be infinite and text should come in the middle.

Problem courtesy of: Pawan Mude

Solution

Please Try This:







This fiddle will work: http://jsfiddle.net/6zZra/

UPDATE: http://jsfiddle.net/rajmathan/Uq4Jk/

Solution courtesy of: rajmathan

Discussion

View additional discussion.



This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

How to center align Text in carousel?

×

Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription

×