This page shows an example of popup content. Clicking any of the underlined words below causes a hidden piece of content to show up. The popup content is positioned as a span within a span. The outer span has relative positioning, and the inner span has absolute (thus specified in terms of the outer span's root location.) Javascript controls the visibility.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nunc elit, tincidunt nec tincidunt sit amet, auctor vitae nisl. Etiam feugiat mi vel lorem sollicitudin id dictum lectus pellentesque. Maecenas egestas arcu ut lorem cursus vel tincidunt eros malesuada. Praesent non turpis mollis est aliquam congue. MaecenasTest mattis bibendum sollicitudin. Fusce non lacus orci, quis luctus tellus. Donec pulvinar dolor in lacus sollicitudin faucibus. Donec semper congue auctor. Nulla a tellus a nisi vulputate vestibulum. Ut sit amet tempus magna. PhasellusTest
Test
Test aliquet rutrum ornare. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse sollicitudin, sem vitae elementum semper, ante nulla porttitor justo, vitae placerat urna ante id quam.
Morbi mattis dignissim tellus, eget sagittis sem feugiat vel. Mauris adipiscing gravida eros vel faucibus. Nunc cursus velit sit amet neque pharetra rhoncus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae
; Pellentesque rutrum luctus enim sed luctus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas elementum hendrerit cursus. Donec ultrices, felis ac porta lacinia, risus arcu congue arcu, ut rhoncus justo erat vel nulla. Maecenas libero ante, pulvinar vel dignissim a, sollicitudin auctor felis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;