How would I start If I wanted to do something like the following illustration using the markup shown below?  Snippet of markup:

• Lorem
• ipsum
• dolor
• sit
• amet
• consectetur
• adipiscing
• elit
• Sed
• elementum
• dictum
• elit
• sit
• amet
• hendrerit.
• Aenean
• eget
• dictum
• magna.
• Vivamus
• elementum
• sapien
• volutpat
• dapibus
• ipsum
• laoreet

The `

` would be the red shaded part and the list items would be the boxes that are surrounding the `

`. Can I just use HTML and CSS on this one or do I have to use Javascript? Anyone that could help me point to the right direction would be much appreciated. Thank you.