I am using [Skeleton CSS](http://getskeleton.com/) in my project for styling and I noticed that the CSS library has issue with long text inside `<pre><code></code></pre>` element in which the border box does not cover the entire code (example is in [grid code section](http://getskeleton.com/#grid), please also refer to below image). How do I make sure it's something like GitHub `<pre><code></code></pre>` below? That is, the box is still displayed until end of the line of the code using Skeleton CSS. thank you very much in advance.

```
<pre><code>hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello</code></pre>

```

[![skeleton CSS ](https://i.stack.imgur.com/1qU3M.png)](https://i.stack.imgur.com/1qU3M.png)