Centring 2 divs in a div

• 

  neurologiceurope · Member · Sep 14, 2018 at 4:26 pm

  • Copy link
  • Add topic to favorites

  Hi,
  I am trying to centre 2 divs that sit side by side within a div. I have got so far but would like the two divs to sit closer together but can’t seem to get the CSS to do it.

  The divs sit at the footer on the home page and contain “Online presence by Pale September ” and “privacy policy”. Ideally I would like the gap between the two to be smaller.
  Any ideas? Any help would be much appreciated.

  The blog I need help with is: (visible only to logged in users)

• 

  khushbudesaiblog · Member · Sep 14, 2018 at 7:47 pm

  • Copy link

  Hi, neurologiceurope,
  ‘
  Current CSS as follow:

  column-1-2-f {
      margin: 10px auto;
      max-width: 40%;
      text-align: center;
  }
  .column-1-2-footer.column-1 {
      width: 55%;
      text-align: left;
      float: left;
  }
  .column-1-2-footer.column-2 {
      width: 30%;
      text-align: right;
      float: right;
  }
  
  .column-1-2-footer.column-1, .column-1-2-footer.column-2 {
      text-align: center;
  }
  

  Change below CSS class for footer:

  column-1-2-f {
      display: table;
      margin: 10px auto;
      max-width: 100%; 
      text-align: center;
  }
  
  .column-1-2-footer.column-1 {
     /* width: 55%;*/
      text-align: left;
      float: left;
  }
  .column-1-2-footer.column-2 {
      /* width: 30%; */
      text-align: right;
      float: right;
  }
  .column-1-2-footer.column-1, .column-1-2-footer.column-2 {
      text-align: center;
      display: table-cell; 
      width: fit-content;
  }

  Major changes are displaying <div> as table using display attribute.

  After doing above changes page looks like https://imgur.com/a/m75cbP4

• 

  neurologiceurope · Member · Sep 17, 2018 at 12:18 pm

  • Copy link

  Thank you smooch for your help. I have made the changes as you suggest but I don’t get the same as your screenshot (which is perfect).
  Have I made a mistake somewhere?

• 

  neurologiceurope · Member · Sep 17, 2018 at 12:19 pm

  • Copy link

  smooch So much!

• 

  khushbudesaiblog · Member · Sep 18, 2018 at 4:34 am

  • Copy link

  Hi neurologiceurope

  I tried to look at your website to give send you more help. But it is not visible. Have you change domain name?

• 

  neurologiceurope · Member · Sep 18, 2018 at 8:47 am

  • Copy link

  Thank you for having a look. Yes (another issue)but moved the primary domain back to the WP url so you can see it.