Skip to main content
Participant
Jan 27, 2026 7:22 PM UTC
Answered

How can I create text that stacks up at line breaks rather than drops down?

I’m working with design restrictions where text can build upwards, but there is a defined bottom border.

I’m looking for a setting or an expression that stacks the text upwards after every line break, instead of the default where text drops below the original line.

I tried the expression from AEscreens.com but it doesn’t seem to be working for me. When I try it, it simply centers all the text vertically.

I want the bottom-most text line to stay at a set y-coordinate.

    _nicdean
    _nicdeanCorrect answer
    Community Expert
    Jan 27, 2026 7:49 PM UTC

    You can use an expression that locks the Anchor Point to bottom of the text and it will appear to grow upward.

    Add this to the Anchor Point of your text:

    const {left, top, width, height} = sourceRectAtTime();
    [left + width/2, top + height]

     

    2 replies

    _nicdean
    Community Expert
    _nicdeanCommunity ExpertCorrect answer
    Community Expert
    Jan 27, 2026 7:49 PM UTC

    You can use an expression that locks the Anchor Point to bottom of the text and it will appear to grow upward.

    Add this to the Anchor Point of your text:

    const {left, top, width, height} = sourceRectAtTime();
    [left + width/2, top + height]

     

    Translate
    Participant
    Jan 27, 2026 8:57 PM UTC

    Simple and elegant! Thank you!

    Translate