Home/ Questions/Q 6341981
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-24T20:08:53+00:00

i need at this moment code look Css ul#content {height:1%;overflow:hidden;list-style:none;margin:0;padding:0;max-width: 1020px;} ul#content li{vertical-align:top;display:inline-block;margin:0 2%

  • 0

i need

enter image description here

at this moment code look

Css

ul#content {height:1%;overflow:hidden;list-style:none;margin:0;padding:0;max-width: 1020px;}
    ul#content li{vertical-align:top;display:inline-block;margin:0 2% 26px 0;width:auto;}


    * html ul#content li{display:inline;}
    *+ html ul#content li{display:inline;}

Html

<ul id="content" >
                <li>
                    <div style="height: 420px;width: 740px;" ></div>
                </li>
                <li>

                    <ul>
                        <li>
                            <div style="min-width: 220px;">
                                text
                            </div>
                        </li>
                        <li>
                            <div style="min-width: 220px;">
                                text
                            </div>
                        </li>
                        <li>
                            <div style="min-width: 220px;">
                              text
                            </div>
                        </li>
                    </ul>

                </li>
            </ul>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Maybe css media queries are something you want to look in to:

    http://css-tricks.com/6731-css-media-queries/

    This specific tutorial explains how to make changes to the layout/styles based on screen width.

    Basically it allows to conditionally set styles on elements, in this case you could make seperate styles for the ul depending on screen width. Browser support is pretty decent, and as a fallback you could supply some pretty simple js code to handle the not supporting browsers.

    • 0