Stop a wrap early

An empty wrap-clear div ends the wrap before the next paragraph.

An empty wrap-clear div after a paragraph ends the wrap there:

![Mean ratings by condition.](ratings.png){#fig-ratings .wrap-right width="35%"}

Only this paragraph sits beside the figure.

::: {.wrap-clear}
:::

This paragraph starts below the figure.

Result

Figure 1: Mean ratings by condition.

Only this paragraph sits beside Figure 1. The wrap-clear div comes right after it.

This paragraph comes after the wrap-clear div, so it starts below the figure and runs the full width of the text. Without the div, it would sit beside the figure too.

Use the div to keep text that belongs to the next topic away from the figure.