Padding-right not working

  • Resolved Bruce

    (@bnowthen)


    13 years, 4 months ago

    I created a new paragraph with “padding: 20px;” The top, bottom and left padding all appear, but the texts runs out the right side of the paragraph. So on some lines the last letter of the last word on the right side is not visible, and in a couple cases the letter is partially chopped off. I tried specifying “padding-right” but same results.

    Could it be a defective file on the server where I have it hosted? They were having problems today, and I couldn’t get on for a while.

    Bruce

Viewing 4 replies - 1 through 4 (of 4 total)

  • Got a link? That makes it a lot simpler to pinpoint the problem. Sounds like a simple css problem, not server related.

    have you tried ‘margin-right’ ?

    Thread Starter Bruce

    (@bnowthen)

    Here’s a link to the page with a “test” paragraph at top of the page which is under construction:

    https://punkobama.org/candidatesnominees-page/

    And here is the CSS for that paragraph:

    div.litepink-940 {
    font-family: Verdana, “Helvetica Neue”, Helvetica, “Nimbus Sans L”, sans-serif;
    font-weight: bold;
    background: #FCEDED;
    padding: 20px;
    width: 940px;
    margin-top: 10px;
    }

    And yes, I did try replacing “padding:20px;” with “padding-right: 20px;”, but got the same results.

    I’m stumped, and any help is so much appreciated.

    Bruce

    please try to evaluate css issues with a suitable dummy content, for instance from https://www.lipsum.com/

    padding adds to the dimension of the container ( https://www.w3schools.com/css/css_boxmodel.asp ), therefore you need to decrease the width in your style;
    try:

    div.litepink-940 {
	font-family: Verdana, "Helvetica Neue", Helvetica, "Nimbus Sans L", sans-serif;
	font-weight: bold;
	background: #FCEDED;
	padding: 20px;
	width: 900px;
	margin-top: 10px;
	}
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Padding-right not working’ is closed to new replies.