Imagine a scenario where there is an unsorted list within a resizable div
element. The list is set up horizontally and aligned to the right, with one item designated as "special" and given the id="pinned"
.
Using only CSS, can you keep the #pinned
item in its position relative to the containing div
while the size of the div
is adjusted? This would allow other items in the list to reposition (float) around the #pinned
item.
Below is a visual representation of what I am describing: