+ 1

Paraghraph with only horizontal scrollbar

how to make a paraghraph can only scrolled horizontally? (without vertical scrollbar)

15th Dec 2017, 3:02 PM

Ilmi N. Mubarok

2 Answers

+ 8

<!DOCTYPE html> <html> <head> <title>Horizontal scrolled P</title> <style> .hor-scr { background: #333; color: #aaa; display: block; font: 2em sans-serif; max-width: 200px; max-height: 100px; overflow: scroll; white-space: nowrap; } </style> </head> <body> <p class="hor-scr"> Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum EOF </p> </body> </html>

16th Dec 2017, 7:56 AM

K137(){/**/};