CSS-border 不与图像对齐答案

【问题标题】：CSS-border not lining with an imageCSS-border 不与图像对齐
【发布时间】：2012-05-16 05:36:22
【问题描述】：

我是 css 新手，在代码学院等网站上做过几次练习，但现在正在尝试自己的页面，缺乏很多实践经验。

我知道您可以使用“浮动”将文本环绕在图像周围，但我希望将文本保持在直线和边框中。但是，边框和背景会忽略图像的位置并在其后面运行。用图像定位段落和边框的最佳方法是什么，以便边框停止在图像上？这些是与此相关的部分：

img { 
    margin:5px; 
    float:right; } 
p   { 
    background:white; 
    margin-left:40px; 
    margin-bottom:0px; 
    margin-right:0px; 
    font-family:veranda; 
    border:2px solid #045FB4; 
    padding:5px; }

p 和 img 标签在正文部分没有样式此处示例：http://jimbob.webatu.com/
任何其他定位技巧将不胜感激:)

【问题讨论】：

该示例提供了我必须处理的问题，因此您只需查看源代码：jimbob.webatu.com
如果您可以将相关部分复制到您的问题中以供参考，这样在您的网站更改时不会丢失它们会更好。
好的，#img { 边距：5px;浮动：对； } p { 背景：白色；左边距：40px；边距底部：0px；边距右：0px；字体系列：阳台；边框：2px 实心#045FB4;填充：5px； p 和 img 标签在正文部分没有样式
请详细说明您对边界的意图。描述想要的结果。

标签： css image border css-float

【解决方案1】：

不确定您在提到边框时的意思，但为了使文本正确对齐图像，请使用：

p {
    text-align: justify;
}

【讨论】：

谢谢你，这将有很大帮助。