This example employs the iframe property to place a slightly-altered previous HTML example page within it. The current page has nothing unusual in the style sheet, but the previous example has been slightly changed by omitting one of the detail-summary examples merely to make the page a bit shorter.
The iframe is contained in a div by itself, which is 80% the width of the main container and has a thin solid border. The second page occupies 100% of the containing div's width. The HTML in the iframe tag to call the second page is merely: <iframe src= "Detail-SummarySmall.html" name= "Detail-Summary HTML" style= "width: 100%; height: 500px;". The links on the second page work if clicked on, and the scroll bar is functional.
Althought not likely the method desired to place and position an image and the image title or explanation of the image, the iframe property can be used for that purpose as shown below. Calling the second HTML page to be within the first is exactly as above exept for replacement of "Detail-SummarySmall.html" by "LagoonNeb.html".