The Span Tag macro wraps content in a span tag with optional class and styles. The span tag is a non-visual (by default) element that can be used to apply additional properties to content contained within it. Unlike the div tag, a span does not stretch to fill the available width of its containing element, making it ideal for use with inline content such as a portion of text in a paragraph or a cell within a table. This macro is primarily designed for use with the Style Sheet as this would make it easy to apply custom styles to content. Alternatively specify specific styles for each use of the macro.
Go to the form you wish to edit.
Click Insert More Content, and select Other Macros.
Select the Span Tag macro from the provided list.
Complete the desired fields.
Specify a unique id for the element
Specify a class for the element
An optional inline style sheet to apply to an individual span tag
Specify text to display in a tooltip
Set the text direction.
Specify the input language, e.g. en, de.
Specifies that the macro will be displayed inline with the surrounding content
The macro will then appear on the page.
Define a Span
By default, a span will not affect the way things look on-screen:
This will add the following HTML to your page:
<p>This is <span>a span</span> example
Resulting in: This is a span example. The macro only becomes useful when its parameters are used as shown in the following examples.
To define a custom class, use the Class parameter. The class will be applied only to the content contained within the Span macro.
If you are using borders, images, or icons, inline styles can be used to add padding between the Span macro content and other content.
Hints and Tips
Frequently Asked Questions
- Q: Where can I learn more about CSS and Span tags?
A: Try http://www.w3schools.com, as they have full tutorials on CSS and HTML.