Program:
Output:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>HTML Aside Element</title>
<style>
body {
font-family: Arial, sans-serif;
}
</style>
</head>
<body>
<p>My family and I visited The Epcot center this summer. The weather was nice, and Epcot was amazing! I had a great
summer together with my family!</p>
<!-- HTML Aside Element -->
<aside>
<h4>Epcot Center</h4>
<p>Epcot is a theme park at Walt Disney World Resort featuring exciting attractions, international pavilions,
award-winning fireworks and seasonal special events.</p>
</aside>
<p>
The aside> tag defines some content aside from the content it is placed in.
The aside content should be indirectly related to the surrounding content.
Tip: The aside> content is often placed as a sidebar in a document.
Note: The aside> element does not render as anything special in a browser. However, you can use CSS to style the
aside> element (see example below).
</p>
</body>
</html>
Output:
