locked
float: left RRS feed

  • Question

  • User2090306728 posted
        .ui_SiteHeader, .ui_SiteFooter {
            background-color: #2B2D31;
            clear: both;
            }
    
        .ctl {
            clear: both;
            }
    
        IMG {
            float: left;
            vertical-align: top;
            }
        .centered {
            margin: auto;
            text-align: center;
            }
    <div class="ctl">
        <div class="ctl_SectionHeader">
            <img src ="~/resource/temp_Handles/controls/temp_img/section/header/section-header.png" runat="server" />
            <img src ="~/resource/temp_Handles/controls/temp_img/section/header/section-split.png" runat="server" />
            <img src ="~/resource/temp_Handles/controls/temp_img/section/header/section-options.png" runat="server" />
        </div>
    </div>

    To avoid the Margins/Borders/Paddings, I've set the images to float left.

    Ideally I want "ctl_SectionHeader" to be centered in "ctl" and all the images inside to have no margins. At the moment, everything is forced to the left.

    Any help would be greatly appreciated.

    Thanks

    Wednesday, September 28, 2016 8:02 AM

Answers