Gotchas

Gotchas

Code Blocks Not Lining Up With Associated Text

If two code block/text pairs appear back to back and the first code block is longer than its associated text, the second text will not properly align with its code block. In this situation, an empty div must be placed between the two sets of code block/text pairs to clear the floats that slate uses to push content to the correct side. See below:

```json
Code Sample A
```

Text Example A

<div></div>

```json
Code Sample B
```

Text Example B

This will allow the second text example to properly align with its code block.