Add shadow around a text element using CSS

This tutorial will show how to add shadow around a text element using a preset CSS Style.

Select "Tools" > "CSS Style Editor" from the main menu or press this button on the toolbar.
Click on the "Presets" button on the right of the "CSS Style Editor" to open the Preset Styles Dialog.
Select the style "shadow-around-text-box" and click the OK button to add it.
Click on the OK button on the CSS Style Editor to save the newly added style.
The new style will now appear on the "Available CSS Styles" panel in the "CSS Styles" tab as shown below.
Open a page and insert a text element on the page by selecting "Insert" > "Text" from the main menu or clicking on this button on the toolbar.
To apply this style to the text element on the page. Drag the style "shadow-around-text-box" from the "Available CSS Styles" and drop it to the element on the page. If that element is selected, you can just drag the style "shadow-around-text-box" and drop it to the "Page / Element CSS Styles" panel above. Both will result in the following:
The text element will look like this. Please note that the shadow will look slightly different on different browsers.