Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
Nysh

Text indent using Split Text

Recommended Posts

Hey guys, 

Wondering if its possible to achieve a text-indent on the first line of text, while using Split Text. 
I've tried using " " within spans as someone had suggested before, but doesn't seem to work. Any help is greatly appreciated. :)

See the Pen ExyEMLW by Nysh (@Nysh) on CodePen

Link to post
Share on other sites

Hey @Nysh

 

What worked for me, was setting the span to  'display: inline-block' and also setting a width to it.

 

span.spacer {
  display: inline-block;
  width: 85px;
}

 

This way you also don't have to worry about how many empty characters you would have to fit inside the span. Just make sure, there is at least one.

 

<span class="spacer">&nbsp;</span>

 

 

See the Pen BazOxqv by akapowl (@akapowl) on CodePen

 

 

 

  • Like 4
Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.

×