Can I add a span with a class within a h4 tag in Webflow's editor, or do I need to edit the code directly?

Yes, you can add a span with a class within an H4 tag in Webflow's editor without having to edit the code directly. Webflow's visual editor allows you to easily add custom classes and nested elements to any HTML element, including heading tags like H4.

To add a span with a class within an H4 tag in Webflow's editor, follow these steps:

1. Open your project in Webflow's designer.
2. Select the H4 heading tag where you want to add the span.
3. In the right-hand sidebar, click on the "Add" button at the top.
4. Choose the "Span" element from the list of available elements.
5. Webflow will automatically add the span element as a child of the selected H4 tag.
6. To add a class to the span element, select it and go to the right-hand sidebar.
7. Under the "Class" section, click on the "+" icon to add a new class.
8. Enter the desired class name and press enter to create the class.
9. You can now style the span element using the class you just created.

By using Webflow's visual editor, you can easily add nested elements like spans with classes within heading tags, eliminating the need to edit the code directly.

Additional Questions:

1. How do I add a span element with a class to a paragraph in Webflow's editor?
2. Can I edit the HTML code directly in Webflow's designer?
3. How can I apply custom CSS styles to an element in Webflow?