Pre code block, how to change the tag

In creating blog post it may be useful adding some source code that can be added with the ~~~ language .... ~~~ block.

However, for very long piece of code that will not span to a second line, the template breaks without any chance to style it due to the pre tag.

The overflow-wrap and word-break doesn’t seem to work on that tag.

Is there any chance to change the

 to a 


The actual tags are not really the problem. You should be able to use overflow-wrap and word-break.

  white-space: pre-wrap !important;
  word-wrap: break-word !important;

That being said, I wouldn’t recommend using it. Code can get very hard to read when you randomly break lines. Instead try adding a horizontal scollbar with overflow: auto;