Code snippet showing an HTML document with three open details elements, each containing a summary and paragraphs, and the rendered output displaying the summary titles with corresponding text paragraphs on the right. For each of the details element, the <summary> element is placed in different orders.