With HTML and CSS, how to have an image that is vertically aligned with a horizontal line?
- by sungod000
I'd like the image on the left to be adjacent to the horizontal line on the right (bottoms lining up flush). It should be responsive so that the line can change widths as needed. Right now, the image is sitting on top of the line, not beside it.
Here is the HTML
<div>
<img src="image.png">
<hr>
</div>
Here is the CSS
img {
float:left
}
hr {
width:100%
}
How to make this happen?
