Using CSS styles and "proper" XHTML tags to space a list in Freeway 4 Pro

this is the finished list

  • This is the first bulleted item in a list of bulleted items with a space-after setting of 20px.
  • This is the second bulleted item in a list of bulleted items with a space-after setting of 20px.
  • This is the third bulleted item in a list of bulleted items with a space-after setting of 20px.
  • This is the fourth bulleted item in a list of bulleted items with a space-after setting of 20px.
  • This is the fifth bulleted item in a list of bulleted items with a space-after setting of 20px.

this is how it looks in Freeway

freeway

Step 1 - Create a working appearance for Freeway

Create the following style and apply it to your list text. This will do two things: style the text in Freeway and designate the class of the list. Note: If you choose a numbered or ordered list from the List attribute, then you must change the Tag to ol.

setting1

Step 2 - Make Freeway output the needed code

Create the following style with the class Name from the previous style as shown. li stands for list item, and will apply the setting to the output only. Note: you can set the output of all unordered list styles on a page by typing ul li into the Tag field instead. This will not style lists in Freeway's working window, however -- just the output.

setting2