Govspeak content example

Tables with alignments

How it looks (preview)

Default aligned Left aligned Center aligned Right aligned
First body part Second cell Third cell fourth cell

How to call this example

<%= render "govuk_publishing_components/components/govspeak", {
} do %>
  <table>
  <thead>
    <tr>
      <th scope="col">Default aligned</th>
      <th class="cell-text-left" scope="col">Left aligned</th>
      <th class="cell-text-center" scope="col">Center aligned</th>
      <th class="cell-text-right" scope="col">Right aligned</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>First body part</td>
      <td class="cell-text-left">Second cell</td>
      <td class="cell-text-center">Third cell</td>
      <td class="cell-text-right">fourth cell</td>
    </tr>
  </tbody>
</table>
<% end %>