write the HTML code to display an image on the right side of a page
Answers
Answered by
1
o I have this webpage in Html and CSS, and I have this contact page. But I have this image I want to put on the right side of the page, but if I do: float: right; it doesn't seem to work. I also tried align but apparently the only thing close to that is text-align. If needed, here is my code (HTML): CherryPlaysRoblox
</head> <body> <div class="outer"> <ul> <li><a href="home.html">Home</a></li> <li><a href="about.html">About</a></li> <li><a href="gallery.html">Gallery</a></li> <li><a href="contact.html">Contact</a></li> <p id="Cherry">CherryPlaysRoblox1</p> </ul> <div class="jumbotron"> <h1>Contact</h1> <h4>Here are a few ways you can contact me. I will update the page when I change anything.</h4> </div> </div> <!-- EMAIL --> <img src="_gmail.png" alt="gmail" height="30" width="35"> <h4>My email</h4> <!-- TWITTER --> <img src="_twitter.png.png" alt="twitter" height="35" width="35"> <h4>Username</h4> <!-- FACEBOOK --> <img src="_facebook.png" alt="facebook" height="35" width="35"> <h4>Username</h4> <!-- INSTAGRAM --> <img src="_instagram.png" alt="instagram" height="35" width="35"> <h4>Username</h4> <!-- ME --> <div id="PhotoOfMe"> <img src="_Cherry.png" alt="Me" id="Me"> </div> </body> </html>
</head> <body> <div class="outer"> <ul> <li><a href="home.html">Home</a></li> <li><a href="about.html">About</a></li> <li><a href="gallery.html">Gallery</a></li> <li><a href="contact.html">Contact</a></li> <p id="Cherry">CherryPlaysRoblox1</p> </ul> <div class="jumbotron"> <h1>Contact</h1> <h4>Here are a few ways you can contact me. I will update the page when I change anything.</h4> </div> </div> <!-- EMAIL --> <img src="_gmail.png" alt="gmail" height="30" width="35"> <h4>My email</h4> <!-- TWITTER --> <img src="_twitter.png.png" alt="twitter" height="35" width="35"> <h4>Username</h4> <!-- FACEBOOK --> <img src="_facebook.png" alt="facebook" height="35" width="35"> <h4>Username</h4> <!-- INSTAGRAM --> <img src="_instagram.png" alt="instagram" height="35" width="35"> <h4>Username</h4> <!-- ME --> <div id="PhotoOfMe"> <img src="_Cherry.png" alt="Me" id="Me"> </div> </body> </html>
Similar questions