Добавление полосы прокрутки в PHP/CSS

Question

Как бы я добавить полосу прокрутки в информацию, выводимую в базе данных:

IE:

DATA S /\ 
DATA C || 
DATA R || 
DATA O || 
DATA L || 
DATA L || 
DATA B || 
DATA A || 
DATA R \/ 

КОД:

<?php 
    mysql_connect("localhost","user","pass") or die("Could not connect to localhost"); 
    mysql_select_db("db") or die("Could not connect to database"); 
?> 

    <p class="scroll"> 
<?php 
    $result = mysql_query("SELECT * FROM this ORDER BY name ASC"); 

    while ($row = mysql_fetch_array($result)) { 
     echo "<div style='margin: 0 auto;'> 
        <span style='display:inline-block; width:200px; text-align:left;'>" . ucwords($row['name']) . "</span> 
        <span style='display:inline-block; text-align:left;'>" . ucwords($row['number']) . "</span> 
       </div> 
       <br>"; 
    } 
?> 
    </p> 
</font> 
</div> 

[CSS]

.scroll 
{ 
    overflow:scroll; 
} 

Как бы добавить свиток bar справа от выхода и сделать его прокруткой, чтобы просмотреть все отображаемые данные?

Answer 1

попробовать это ...

.scroll { 
    width: 100px; 
    height: 100px; 
    overflow: scroll; 
} 

Это jsfiddle

Answer 2

Попробуйте это:

.scroll { 
    overflow-y: scroll; 
    width: 200px; 
    height: 200px; 
} 

Вы не хотите overflow: scroll;, если вы не хотите, горизонтальная полоса прокрутки. Вам также нужно указать ширину и высоту.