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

Yes, you can add a span with a class within an h4 tag directly within the Webflow editor. Here's how you can do it:

1. Open the project in the Webflow editor.
2. Navigate to the page where you want to add the span within the h4 tag.
3. Select the h4 element on the page by clicking on it.
4. With the h4 element selected, you'll see the Style panel on the right-hand side of the editor.
5. In the Style panel, click on the Add class or combo class button (the plus symbol with a square).
6. Give your class a name and hit enter.
7. Now, with the h4 element still selected, click on the black plus button that appears next to the class name you just added.
8. From the dropdown, select Span.
9. A new span element will be added below the h4 tag.
10. With the span element selected, you can add any desired text or further customizations, including adding classes or styling within the span.
11. Once you're done, you can continue editing or styling the h4, span, or any other element on the page.

By following these steps, you can add a span with a class within an h4 tag without the need to edit the code manually. Webflow's visual editor allows you to easily customize and add elements while providing you with the flexibility to style them as desired.