相对于图像定位文本

我希望在可能的情况下将一组文本（<p>TextHere</p>）与图像位置相对齐。我有我的网页上水平居中的图像：相对于图像定位文本

.headerlogo { 
    height: 60px; 
    width: 70px; 
    position: fixed; 
    z-index: 99; 
    margin-top: 5px; 
    left: 50%; 
    margin-left: -35px; 
}

现在，我想要一些文本以50像素的左/右的那个...我想可能有某种方式来做到这一点使用的东西类似于margin-left但到目前为止还没有拿出任何东西。
我知道我可以使用margin-left: 600px;将文字放在左边一定距离，以便它看起来很好，并且紧挨着图像，但是大家都知道，这会在窗口大小调整时移动。因为我是在定位还是新

任何帮助将大大赞赏...

来源

2014-05-02 Zac Webb

帖子相关'HTML'代码了。 –

其中是html代码，jsfiddle。 – Orahmax

因为你没有张贴您的问题的relavent代码，但我仍试着与margin-left:50px图像旁边显示文本。它不会移动窗口大小调整。这里是的jsfiddle链接http://jsfiddle.net/datechogeek/qU6Cb/

来源

2014-05-02 05:45:21

保持位置：绝对为您的文本，并添加左根据自己的需要，正确的位置。如果您可以发布完整的HTML代码，那将会很好。

来源

2014-05-02 05:48:13 adi

你试过类似的东西吗？

HTML

<div class='wrapper'> 
    <p class='leftText'>Left text</p> 
    <img class='headerlogo' src='http://m.c.lnkd.licdn.com/media/p/2/000/19b/1b2/065601a.png' alt='your_image'/>  
    <p class='rightText'>Right text </p> 
</div>

CSS

.wrapper{ 
    position:relative;  
    height:60px; 
    width:280px; 
    margin:auto; 

} 

.headerlogo { 
    position:relative; 
    float:left; 
    height: 60px; 
    width: 70px; 
    margin-left:50px; 
    margin-right:50px; 
} 

.leftText, .rightText { 
    position:relative; 
    float:left 
}

Fiddle Link

来源

2014-05-02 05:56:05

相对于图像定位文本

回答

相关问题