为什么我的文本会生成自动段落？

我试图把文字放在图像的前面，发生了什么事情是文本在没有我的命令的情况下生成了一个段落。为什么我的文本会生成自动段落？

在HTML代码中，我正在使用的是：

<div id="userminidata"> 
    <div id="userminiinfo"><img id="userminipic" src="images/minipic.png"> 
    <span>(User name)</span> <span class="separadorverde">|</span> <span>Definições de Conta</span> <span class="separadorverde">|</span> <span>Sair</span> 
    </div> 
</div>

的CSS代码：

#userminidata{ 
    float:right; 
    margin: center; 
    height: 50px; 
    width: 250px; 
    margin-top: 13px; 

} 

#userminipic { 
    width: 30px; 
    height: 30px; 
    vertical-align: middle; 

} 

#userminiinfo { 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    color: #8b8b8b; 
    font-style:normal; 

} 

.separadorverde{ 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 14px; 
    color: #93b55a; 
    font-weight:bold; 
}

至少发生了什么的截图：http://www.imgftw.net/img/692260808.jpg

来源

2012-03-30 langel

#userminidata的宽度只有250px，并不足够。

尝试

#userminidata 
{ 
    width:300px; /*or more*/ 
}

来源

2012-03-30 12:47:43 kubedan

多数民众赞成它感谢 – langel 2012-03-30 13:13:16

我不完全相信，我明白你的问题 - 但我认为你的源顺序是错误的。如果您希望文字出现在图像之前，图像不应该是<div>中的第一项。

来源

2012-03-30 12:49:38 chipcullen

图片看起来像你的HTML和CSS的正常行为。我没有看到任何地方像段落的东西。

来源

2012-03-30 12:50:01

为什么我的文本会生成自动段落？

回答

相关问题