CSS边框没有图像衬里

时间:2012-05-15 11:41:45

标签: css image border css-float

我是css的新手,并在代码学院这样的网站上做过几次练习,但我现在正在尝试自己的页面,缺乏实际经验。

我知道您可以使用“float”将文本环绕图像,但我希望将文本保持为直线和边框。但是,边框和背景会忽略图像的位置并在其后面运行。什么是最好的方法来定位一个段落和边框与图像,以便边框将停止对图像? 以下是与此相关的部分:

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/
任何其他定位提示将不胜感激:)

1 个答案:

答案 0 :(得分:0)

在引用边框时不确定您的意思,但为了使文本正确对齐图像,请使用:

p {
    text-align: justify;
}