Create a non-breaking hyphen in CSS and Elementor | Prevent line break after a hyphen
Learn how to apply 'span' tags and 'wrap' property to create a non-breaking hyphen in Elementor and CSS. This tutorial is using Elementor builder (FREE or Pro version - find the link below) and CSS. Now you can keep the words constructed with a hyphen together on the same line (like "use-cases" for example) and prevent a line break.
💻 Grab the CSS code here:
https://www.velvetmade.com/2024/02/19...
🚀 Interactive CSS Basics course for designers and non-coders:
https://www.cssgamelab.com/
👉 Get 20% off using the code VELVET20OFF at Checkout.
––––––––––––––––––––––––––––––
PURCHASE AND DOWNLOAD ELEMENTOR PRO:
https://trk.elementor.com/cssexpress
––––––––––––––––––––––––––––––
SIMPLE CUSTOM CSS AND JS PLUGIN:
To use custom CSS code with Elementor FREE, I am using the Simple Custom CSS and JS plugin for Wordpress that you can download here:
https://wordpress.org/plugins/custom-...
Have fun and thanks for watching!
If this tutorial helped you, please share or subscribe.
––––––––––––––––––––––––––––––
This video and description may contain affiliate links. If you click on a link and make a purchase, I will receive a commission from the sale. That way you are supporting my channel and allowing me to keep making videos and posts like this. I only promote products that I use, have experience with and support, such as Elementor Pro.
––––––––––––––––––––––––––––––
Have a specific problem in Elementor that you don't know how to solve with CSS? Comment below to let me know which video you would like to see next!
––––––––––––––––––––––––––––––
Music: Jazz In Paris - Media Right Productions • Jazz In Paris – Media Right Productio...
––––––––––––––––––––––––––––––
