What options should I set in Webflow to make this text wrap to a new line and align the "5 videos ^" to the right?

To wrap text to a new line and align the "5 videos ^" to the right in Webflow, follow these steps to tweak your design settings. 

​

1. Wrap Text to a New Line

• Select the Element: Click on the text element in the Webflow Designer canvas where you want the text to wrap.
• Text Settings: Ensure the text element is set to not exceed the boundary of its parent container, enabling natural text wrapping by default.
• Width Adjustment: If necessary, adjust the width of the text element or set a specific width value to control where the text wraps.

​

2. Align "5 Videos ^" to the Right

• Text Alignment: Click on the text element or the container holding the text and choose the Align Right option in the Typography settings.
• Flexbox Settings: If the alignment does not apply properly, consider placing the text inside a Flexbox container. Set the container to Display: Flex, and then choose Justify: End to push the "5 videos ^" to the right of the container.

​

3. Additional Styling

• Spacing and Padding: Check the spacing and padding settings around your text elements to ensure they align properly within their container.
• Check Device Views: Preview the changes across different device views to ensure that the visual layout is consistent and text wrapping behaves as expected.

​

Summary

Wrap text by ensuring the text element fits within its container, causing the text to naturally wrap. To align "5 videos ^" to the right, use the Align Right text setting or a Flexbox with Justify: End. Carefully adjust individual styles as needed to maintain a consistent layout across devices.