Div tag which have scroll bar same textarea tag

TECHNOLOGY HTML

Posted on 2014-12-12 09:21:11


Css code :

<style type="text/css">
<!--
div.scroll 
{
    height: 200px;
    width: 300px;
    overflow: auto;
    border: 1px solid #666;
    background-color: #ccc;
    padding: 8px;
}
-->
</style>

Html code :

<div class="scroll">
    <p>This is a scrolling are created with the CSS property overflow.</p>
        <p>
            <span style="color: red;">This is red color</span>
            Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh.</p>
            <p>This is a normal paragraph.
            <span style="font-weight: bold; font-size: 22px;">This is big bold text</span>
        </p>
    <p>This scrolling are can contain normal html like <a href="index.php">link</a></p>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh.</p>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh.</p>
</div>