float: left[Answered] RSS

• • Reply
  pizzaboy

  Member

  103 Points

  545 Posts

  float: left

  Sep 28, 2016 08:02 AM|pizzaboy|LINK

      .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

• • Reply
  pizzaboy

  Member

  103 Points

  545 Posts

  Re: float: left

  Sep 29, 2016 12:26 AM|pizzaboy|LINK

  How to Center Floated Divs in a Container

  http://stackoverflow.com/questions/3317783/how-to-center-floated-divs-in-a-container