IM MAKING AN ONLINE RESUME WITH HTML BUT THE WORDS KEEP OVERLAPPING WITH ONE ANOTHER AND THE PICS KEEP ON BEING ON THE LEFT OVER LAPPING THE LETTERS WHEN THEY SHOULD BE ON THE RIGHT!! HELP PLEASE)
<html>
<head>
<title>
My Resume
</title>
<style>
h1 {
color: dark red;
}
body {
background-color: pink;
font-family: Arial;
background-image: url('pink-background.jpg');
}
img {
width:150px;
height: 190px;
}
p{
color: gray;
font-size: 20px;
line-height: 32px;
}
.thick-white-border {
border-color: white;
border-style: solid;
border-width: 8px;
border-radius: 50%;
}
#header {
text-align: center;
}
#education {
border-bottom: 2px black solid;
margin-bottom: 20px;
height: 100px;
}
#experience {
border-bottom: black 2px solid;
height: 150px;
}
#skills {
border-bottom: black 2px solid;
height: 220px;
}
.medium-image {
width: 200px;
height: 150px;
}
.float-right {
float: right;
}
</style>
</head>
<body>
<div id="header">
<h1>Jihyun Lee</h1>
<h2></h2>
<h3>(925)918-2747</h3>
<img class="thick-white-border float-left" src="lisa.jpg" alt="Picture of Lisa"/>
</div>
<div id="education">
<img class="medium-image float right" src="education.png" />
Education:
<ul>
<li><strong>University of Southern California</strong><br/> Bachelor of Arts with emphasis in Graphic Design<br/> August 2015 - May 2019</li>
<li><strong>Dougherty Valley High School</strong><br/> August 2011 - June 2015</li>
</ul>
</div>
<div id="experience">
<img class "medium-image float right" src="experience.png" />
Experience:
<ul>
<li><em>Graphic Designer</em><br/> USC Career Center<br/> Los Angeles, California<br/> January 2017 - Present</li>
<li><em>Art Director</em><br/> USC Annenberg Media<br/> Los Angeles, California<br/> September 2015 - May 2016</li>
<li><em>Assistant Home Staging Designer</em><br/> JK Home Staging<br/> San Ramon, California<br/> May 2016 - August 2016</li>
</ul>
</div>
<div id="skills">
<img class="medium-image float right" src="skills.png" />
Skills:
<ol>
<li>Adobe Photoshop</li>
<li>Adobe Illustrator</li>
<li>Adobe Indesign</li>
<li>Bilingual (English, Korean)</li>
<li>Basic HTML & CSS</li>
<li>Microsoft Words, Powerpoint and Excel</li>
</ol>
</div>
</body>
</html>
Get Free Quote!
315 Experts Online