Hey there, I'm working on some CSS and I've run into an issue. I have two paragraphs and I want to place a picture below the paragraph on the left side. The left paragraph is longer than the one on the right, which seems to be causing the picture to end up on the right side below the right paragraph. Can anyone provide some assistance with this problem?
body{
font-family: sans-serif;
margin:auto;
}
.p1 {
width: 425px;
float:left;
padding: 2px 2px 2px 2px;
border: 1px solid black;
border-radius:5px;
height:auto;
}
#dates img{
float: left;
}
.p2 {
width:405px;
float:right;
padding: 2px 2px 2px 2px;
border: 1px solid black;
border-radius: 5px;
}
.content {
width:850px;
text-align:center;
margin:auto;
}
h1 {
text-align:center;
margin-bottom:0px;
}
h3 {
text-align:center;
margin-top:0px;
}