How to remove unwanted space in a HTML box?

• 

  jwpaarau · Member · Aug 31, 2015 at 7:40 am

  • Copy link
  • Add topic to favorites

  Using this HTML box we have an unwanted space between the text and the end of the box:

  <div style=”border:1px solid black;padding:12px;”><p>TEXT</div>

  How to remove this unwanted space between the text and the end of the box?

  Thanks in advance for your kind support,
  Raphael

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

• 

  staff-happychia · Staff · Aug 31, 2015 at 9:55 am

  • Copy link

  Could you describe where on your blog do you see the unwanted space?

• 

  jwpaarau · Member · Aug 31, 2015 at 7:53 pm

  • Copy link

  Hi chaitanyamsv,

  Thanks a lot for your help!

  The blog post is still a draft. So please see the screenshot from the end of the box:
  https://www.dropbox.com/s/r2kr03rq5r5d8xc/Bildschirmfoto%202015-08-31%20um%2021.51.19.png?dl=0

  Thanks,
  Raphael

• 

  staff-happychia · Staff · Sep 1, 2015 at 8:33 am

  • Copy link

  Try having a different padding at the bottom:

  <div style="border:1px solid black;padding: 12px 12px 1px 12px;"><p>TEXT</div>

  1px is the bottom padding. Adjust it to whatever you like and see it helps.

• 

  staff-happychia · Staff · Sep 1, 2015 at 8:34 am

  • Copy link

  Oops, forgot to mention. Your <p> is not closed. It is always a good idea to close tags. So your code would be:

  <div style="border:1px solid black;padding: 12px 12px 1px 12px;"><p>TEXT</p></div>

  Added a closing </p> before closing </div>.

• 

  jwpaarau · Member · Sep 1, 2015 at 1:13 pm

  • Copy link

  Thanks for that, chaitanyamsv!

  I changed the code, but it looks still same.
  What’s wrong?

• 

  staff-happychia · Staff · Sep 2, 2015 at 6:32 pm

  • Copy link

  It is easy to help with CSS if I can see the actual page source. Is it possible to publish the blog so we can fix it? Or at least invite me (use id chaitanyamsv) to view the blog so I can take a look and hopefully fix it.

• 

  kathrynwp · Staff · Sep 2, 2015 at 6:55 pm

  • Copy link

  Hi Raphael – please provide a link to the post or page where you’re having the issue – as staff, I can see it even if it’s not published yet.

• 

  jwpaarau · Member · Sep 3, 2015 at 5:39 am

  • Copy link

  Dear all,

  Here’s the link:
  http://willipartner.ch/2015/09/02/unternehmensstrategie-das-braucht-ein-kmu-wirklich

  Thanks,
  Raphael

• 

  staff-happychia · Staff · Sep 3, 2015 at 9:38 am

  • Copy link

  Add this CSS and increase bottom padding from 0px to whatever value you would prefer.

  article#post-1625 .entry-content div p:last-child {
  padding-bottom: 0px;
  }

• 

  jwpaarau · Member · Sep 3, 2015 at 7:54 pm

  • Copy link

  Thanks, chaitanyamsv!