Govspeak content example

Text fractions

How it looks (preview)

If an image is not available for a particular fraction, then we'll fallback to text based fraction using sup/sub, like this ¹⁄₁₀₀ example.

How to call this example

<%= render "govuk_publishing_components/components/govspeak", {
} do %>
  <p>If an image is not available for a particular fraction, then we'll fallback to text based fraction using <code>sup</code>/<code>sub</code>, like this <span class="fraction"><sup>1</sup>&frasl;<sub>100</sub></span> example.</p>
<% end %>