css - Float in two div

Question

HTML

<div id="form">
    <img class="photo" src="---" /> 
    [...]
</div>

CSS

.photo{
    float: left;
}
#form {        
    float: right;
    padding: 35px;
    line-height: 1.7em;
}

Problem is that the image is attached to the div. I tryed to put margin but don't work. Some solution?

Answer 1

不要引入外部图像，而是使用在容器（div#form）上绘制左边框

border-left: 1px solid black;