Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Code Block
<ul class="list">
  ...
</ul>
Noteinfo

Lists can be tricky to select in WYSIWYGs.

→ Details: Selecting elements in WYSIWYGs

...

Code Block
<table class="table sortable">
  <thead>
    <tr>
      <th scope="col">...</th>
      ...
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>...</td>
      ...
    </tr>
    ...
  </tbody>
</table>
Infonote

Be sure your tables are properly structured with <thead>, <th>, and <tbody> elements. You can apply these structural elements to a table in a WYSIWYG by right-clicking within a table cell and selecting the appropriate options in the context menu under Row > Row properties (for rows) and Cell > Cell properties (for cells).

...

There are a number of utility classes available for working with text.

Infonote

Note that in all the text examples below, the size likely appear appears off because they’re all done with screen grabs and the images get resized according to the size of your browser window. Hopefully you get the gist though.

...