On Mon, Oct 20, 2014 at 9:11 PM, John <j...@coffeeonmars.com> wrote:
>
> On Oct 20, 2014, at 6:03 PM, Tom Livingston <tom...@gmail.com> 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%;
> }
>
That style says that the <p>s INSIDE .sample-summary are 30% wide.
and the markup I see in Chrome dev tools is:
<div class="sample-summary">
<p></p>
<p></p>
</div>
<p> [img] </p>
This is what is rendered...not the source. Maybe a miss-placed close
tag somewhere?
--
Tom Livingston | Senior Front-End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com
#663399
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
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/
