css - CSS-border 不与图像对齐

Question

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

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

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/
任何其他定位技巧将不胜感激：）

Answer 1

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

p {
    text-align: justify;
}