<div id="main">
<h1 id="title">Dr. Otto Octavius</h1>
<div id="img-div">
<a id="tribute-link" target="_blank" href="https://www.youtube.com/watch?v=rt-2cxAiPJk">
<br>
<img id="image" src="https://static0.cbrimages.com/wordpress/wp-content/uploads/2020/11/Doctor-Octopus.jpg?q=50&fit=crop&w=960&h=500&dpr=1.5" alt="No picture" width="20%" height="20%"></a>
<figcaption id="img-caption"> Otto Octavius is one of the member of sinister six in Spiderman comics and has been a part of Sam Raimi's Spiderman trilogy. He was played byb the actor Alfred Molina</figcaption>
<p id="tribute-info">
<b>Strengths</b>
<ul>
<li>Peak Strength</li>
<li>Genius Intellect</li>
<li>Advanced Technology</li>
</ul>
</p>
</div>
</div>
#main {
background-color: black;
color: white;
font-family: calibri;
}
#img-caption {
width: 400px;
}
#image{
max-width: 100%;
position: relative;
height: auto;
display: block;
}
what help do you need? is it a challenge? what challenge?
also,
When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.
You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.
I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.
You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.