code
phil<html>
<head>
<style>
aside{
width: 30%;
padding-left: 15px;
margin-left: 15px;
float: right;
font-style: italic;
background-color: lightgray
}
</style>
</head>
<body>
<audio controls ="controls">
<source src="fix_you.mp3" type="audio/mp3">
</audio>
<p><strong><i>fix you by coldplay</i></strong></p>
<aside>
<p>The Epcot center is a theme park at Walt Disney World Resort featuring exciting attractions, international pavilions, award-winning fireworks and seasonal special events.</p>
</aside><br><br>
<iframe width="617" height="347" src="https://www.youtube.com/embed/8qonL9u1opM" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>"
<p>The lion and the witch hollywood Bloockbuster</p>
<label> select your city</label>
<input list="city">
<datalist id="city">
<option>abcd</option>
<option>egh</option>
<option>klcd</option>
<option>kgfrcd</option>
<option>rttybcd</option>
</datalist>
<br><br>
<details open="open">
<summary><b><i>click me</i></b> </summary>
<p> layality comes with patience and consquences</p>
</details>
</body>
</html>