Why this code whit pre tag doesn't scroll? [closed]

Question

This question is unlikely to help any future visitors; it is only relevant to a small geographic area, a specific moment in time, or an extraordinarily narrow situation that is not generally applicable to the worldwide audience of the internet. For help making this question more broadly applicable, visit the help center.

Closed 9 years ago.

In my blog the code tag within the pre tag doesn't scroll. Why?

HTML Code:

<pre class="source-code"><code>sudo apt-get install git cmake build-essential libgcrypt11-dev libjson0-dev libcurl4-openssl-dev libexpat1-dev libboost-filesystem-dev libboost-program-options-dev binutils-dev</code></pre>

Css:

pre.source-code {
  font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; 
  color: #000000;
  background-color: #eee;
  font-size: 12px;
  line-height: 14px;
  padding: 5px;
  overflow-x: scroll;
  width: 100%;
}

Answer 1

Use overflow-wrap: normal to prevent the line from automatically wrapping. Not sure why it was on word-break by default.