| Plain scrollbox: |
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text |
<div style="width: 150px; height: 70px; overflow: auto;"> Text here </div> |
| Adding background color: |
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text |
<div style="width: 150px; height: 70px; overflow: auto; background: gray;"> Text here </div> |
| Adding a background image: |
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text |
<div style="width: 150px; height: 70px; overflow: auto; background: url(http://...);"> Text here </div> |
| Adding a border: |
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text |
<div style="width: 150px; height: 70px; overflow: auto; background: gray; border: 1px solid red;"> Text here </div> |
| Adding padding: |
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text |
<div style="width: 150px; height: 70px; overflow: auto; background: gray; border: 1px solid red; padding: 5px;"> Text here </div> |
| Centered text: |
this text is centered this text is centered this text is centered this text is centered this text is centered |
<div style="width: 150px; height: 70px; overflow: auto; background: gray; border: 1px solid red; text-align: center;"> Text here </div> |
| Justified text: |
this text is justified this text is justified this text is justified this text is justified this text is justified this text is justified |
<div style="width: 150px; height: 70px; overflow: auto; background: gray; border: 1px solid red; text-align: justify;"> Text here </div> |
| Hiding overflow: |
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text |
<div style="width: 150px; height: 70px; overflow: hidden; background: gray; border: 1px solid red;"> Text here </div> |