Add a Marker to a Tag

Create the film title and actor markers

Let's create the film title marker first:

1. Select the Content or Topic tab;
2. Click on the small e button beside the stylesheets drop down list;
3. Select the styles_editor.css stylesheet;
4. Append the selectors below at the bottom of the stylesheet;
5. Save and close the file;
6. Click again on the small e button at the left of the Stylesheet drop down list;
7. From the popup menu, select “Reresh the editor” from the drop down list.

span.filmtitle {-xs-marker-label:attr(class);}
pan.actor {-xs-marker-label:attr(class);}

Although you can't see them in the browser, these selectors will make the film title and actors stand out in this quote from Reference.com.

Casablanca is a 1942 movie set during World War II in the Vichy-controlled Moroccan city of Casablanca. The film was directed by Michael Curtiz, and stars Humphrey Bogart as Rick and Ingrid Bergman as Ilsa.

The following image illustrates how applying the above selectors to the stylesheet will display the quote in the editor.

Now every time you apply these styles to existing content, the markers will also be inserted in the editor view.

Learn more about adding markers.