Here is the HTML Code:
<ul>
<li>A</li>
<li>B</li>
<li>C</li>
<li>D</li>
<li>E</li>
<li>F</li>
</ul>
Adding one more li in the list causes it to grow downwards. I want to keep the bottom of the list static and increase its height upwards instead.
Update: My aim is to have a small bar always at the bottom of the browser window. The bar should display the selected item when a user picks something. If there are multiple items, the container needs to automatically adjust its height upwards.
How can this be achieved?
I would appreciate any suggestions!
Thank you!