I'm trying to do what I see on many web sites, with a little icon is next to a text line, and then are perfectly lined up - ie, the bottom of the text isn't baseline ot the image, but lined up nice.
IS this page similar? Or is there a way to do it but with text and an image?
Code: Select all
<style>
#full_image {
margin:0;
padding:0;
list-style:none;
white-space: nowrap;
overflow:hidden;
position:absolute;
}
#full_image li {
display: inline;
}
#full_image li img{
margin:0 auto;
max-width:100%
}
</style>
<ul id="full_image">
<li><a href="#"><img src="http://i.telegraph.co.uk/multimedia/archive/01636/saint-tropez-beach_1636818c.jpg" alt="" width='50px'/>hi </a></li>
<li><a href="#">Welcome</a></li>
</ul>