Here is a simple trick that will help you to put long text or even long paragraphs on your sidebar with a scroll bar. Adding a scroll bar to the text will help you to keep the height of the displayed text limited to few lines yet your visitors will be able to read whole paragraph. The trick is very simple. Have a look at the code below.
The Code
<div style="overflow:auto;height:150px;"> [ YOUR CONTENT HERE] </div>
Explanation of the Code
I have added two styles to the above div element. First overflow:auto which add scrollbar to the div element in case the text is too long to fix inside the div. Second height:150px which fixes the height of the div element to 150 pixel . You can change the height as required.
Example – Text with Scrollbar
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.Some of the most expensive adwords mesothelioma settlement asbestos attorney asbestos law firms asbestos sell annuity payment annuity annuity settlements annuity structured annuity settlement annuity auto donation donate virtual data rooms data donating a used car donate auto accident attorney auto mesothelioma cancer asbestos data recovery RAID data motor insurance quotes insurance auto insurance discounters insurance auto accident lawyer lawyer RAID data recovery data asbestos cancer cancer personal injury attorney
Do you like this article?