HTML文本对齐奇怪

概述我遇到一些奇怪的文本对齐,你能给我一个提示,问题是： 我试图创建一个语音泡泡： .round{margin-top: 5px;border-radius:50%;background-color:#3d5177;width:50px;height:50px;float: left;}.number {color: white; padding: 8px 17px;fon 我遇到一些奇怪的文本对齐,你能给我一个提示,问题是：

我试图创建一个语音泡泡：

.round{margin-top: 5px;border-radius:50%;background-color:#3d5177;wIDth:50px;height:50px;float: left;}.number {color: white;  padding: 8px 17px;Font-size: 30px;Font-weight: normal;}.faq_container {overflow: hIDden;}.talkbubble {left: 80px;position: relative;wIDth: 340px;height: 100px;padding: 0px;background: #aaaaaa;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; }.talkbubble:after {content: '';position: absolute;border-style: solID;border-wIDth: 10px 13px 10px 0;border-color: transparent #aaaaaa;display: block;wIDth: 0;z-index: 1;left: -13px;top: 22px; } .talkbubble_text {display: block;text-align: left;padding: 10px;   }

http://jsfiddle.net/Lf4sr/

谢谢

解决方法 问题在于< div class =“round”> CSS.元素的宽度将文本推到右侧.

将其添加到.round类：

.round {     top: 0;     left: 0;     position: absolute;}

并将其添加到.faq_container类：

.faq_container {    position: relative;}

Demo

注意：您可以删除float：left;来自.round.

总结

以上是内存溢出为你收集整理的HTML文本对齐奇怪全部内容，希望文章能够帮你解决HTML文本对齐奇怪所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。