Question Text Formatting Using the SPAN Tag

Tips and Tricks  -  Applies to Infiniti v8.0 or later

Some text elements within Producer can be formatted and controlled using HTML in Design These elements include:

  • Question Text
  • Section Descriptions
  • Label Text

Probably the most powerful HTML tag to format text is the SPAN tag allowing you to specify properties such as colour, size, font, style etc.

SPAN tags are of the look like the following where the properties are specified within the style attribute of the tag:

<span style="font-style:italic;font-weight:lighter;font-size:large;">YOUR TEXT HERE</Span>


 

The style attribute is a little sensitive. The property names and values are separated with a colon and each property is separated with a semicolon (no spaces).

There are many useful properties, but some common ones are listed below:

 

  • border
  • color
  • font-family
  • font-size
  • font-style
  • font-weight
  • padding