How do i set width for the codebox (PrismJS)-CodePudding

So i am basically trying to set width for the codebox (i am using prismJS), when i add too big of a code it breaks everything and the width and height get increased. I want the width and height to be specified so if the code is too long it just adds a scrollbar.

This is how big i want the codebox to be: pic

<div >
    <div >SOME HEADER</div>
  
    <div >
  
      <p> <pre><code >
        
      </code></pre>
        <p>
        
  
    <img >
    <div >
      
    </div>
  </div>

CodePudding user response：

You need to add a CSS property to your code box

overflow: scroll;

CodePudding user response：

added<div style="height:200px;width:800px;overflow:auto"> next to pre tag, that seems to have fixed the issue.