Vertical Scrollbar visible but not working CSS

Question

Scrollbar is visible but not working. Following is the code for CSS for display paragraph:

CSS:

outer { 
     width: 100%;
     max-height: 400px;
     margin: 60px auto 0;
     overflow-x: hidden;
     overflow-y:auto;
     line-height: 20px;

     p {
         margin: 0 auto;
         padding-right: 20px;
     }
}

HTML:

<div class="outer">
     <p>  long text....  <p>
</div>

Answer 1

This code is working fine in my local machine:

.outer {    
    width: 100%;
    max-height: 400px;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    line-height: 20px;
    background: #ccc;
 }

p { margin: 0 auto;padding-right: 20px;}

<div class="outer">
  <p>pls place scroll content here</p>
</div>

Answer 2

Have a look

.outer {     width: 100%;
    max-height: 400px;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    line-height: 20px;
    background: #ccc;
 }

p { margin: 0 auto;padding-right: 20px;}

<div class="outer">
	<p>Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:Scrollbar is visible but not working. Following is the code for CSS for display paragraph:</p>
</div>

Answer 3

Plz check you css

.outer { width: 100%; max-height: 400px; margin: 120px;overflow-x: hidden;overflow-y:auto; line-height: 20px; }

p { margin: 0 auto;padding-right: 20px;}