- .roles span {
- display:inline-block;
- width:80px;
- }
- <div class="roles">
- <img alt="test" src="images/02_button_add.png">
- <span>AlexAlexAl exAlexAlex AlexAlexAlex </span>
- </div>
我正在使用display：inline-block;将跨文本放在我的img旁边.
但是,图像位于我的跨度的左下角.
如何使他们水平？
解决方法
使用垂直对齐：顶部到您的图像.
- .roles img
- {
- vertical-align:top;
- }
看看这个小提琴：http://jsfiddle.net/gox5droc/
这将确保图像在div顶部对齐.
