On Oct 20, 2014, at 6:03 PM, Tom Livingston <[email protected]> wrote:
> .sample-summary is 100% width, and is holding the images down. In
> Chrome dev tools, I was able to add a style to .sample-summary as so:
>
> width: 30%; Float:left;
>
> and to the child <p>s, width: 100%;
>
> The images then came up to the top of the green div.
Sorry, I am really confused..I believe the results of your experiments, but
here is my own css..sample-summary already has 30% width, and both are
contained by sample-and-text…maybe my eyes aren’t seeing it right?
.sample-and-text{
border:1px solid green;
overflow:hidden;
}
#content-left .sample-summary p{
border:1px solid red;
/* float:left; */
margin:1em 0 2em 0;
width:30%;
}
and my markup:
<div class="sample-and-text">
<div class="sample-summary">
<p>
paragraph 1
</p>
<p>
paragraph 2
</p>
</div>
picture
</div>
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
