放置文本正中央旁边的图像

我试图把文本DIV（水平）正好中间图像的旁边，它必须可以点击放置文本正中央旁边的图像

下面是代码，我想那么远，

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <style> 
    #div { 
    width: 128px; 
    height: 35px; 
    border: 2px solid #ccc; 
    } 
    </style> 
<body> 
<div id="div">Some service 
<a href="http://stackoverflow.com"> 
<img src="http://upload.wikimedia.org/wikipedia/commons/1/1a/Volkswagen_Logo.png" alt="Stack Overflow" width="40" height="35"title="Click to return to Stack Overflow homepage" /> 
</a> 
</div> 
</body> 
</html>

Am trying to do like this image

解决方案：

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<style> 
#div { 
width: 128px; 
height: 35px; 
border: 2px solid #ccc; 
} 
</style> 
<body> 
<div id="div">sdasdasdasd 
<a href="http://stackoverflow.com"> 
    <img src="http://upload.wikimedia.org/wikipedia/commons/1/1a/Volkswagen_Logo.png" alt="Stack Overflow" width="40" height="35"title="Click to return to Stack Overflow homepage" style="vertical-align:middle"" /> 
</a> 
</div> 
</body> 
</html>

来源

2013-02-12 EnterJQ

完全重复：http://stackoverflow.com/questions/489340/how-do-i-vertically-align-text-next-to-an-image-with-css – 2013-02-12 04:45:09

这是HTTP： //jsfiddle.net/SYxcX/你需要什么？ – coder 2013-02-12 04:47:21

谢谢兄弟，我知道了 – EnterJQ 2013-02-12 04:47:54

我想这就是你需要？ DEMO

<div id="div"> 
<a href="http://stackoverflow.com">Some service 
<img src="http://upload.wikimedia.org/wikipedia/commons/1/1a/Volkswagen_Logo.png" alt="Stack Overflow" width="40" height="35"title="Click to return to Stack Overflow homepage" /> 
</a> 
</div>

来源

2013-02-12 04:49:02 coder

放置文本正中央旁边的图像

回答

相关问题