The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Text overflow in Chrome

  • # January 24, 2013 at 12:47 am

    I’ve been working on a custom tumblr theme and it looks okay except for the text overflowing on one of the reblogged posts. I’m a beginner at coding and I’m not sure how to fix this. It overflows in Chrome, but I checked it with IE and it looks fine there. You can see the issue here:

    You can see the coding here:

    This is the first theme I’ve ever attempted and I’m stumped, so any help is appreciated.

    # January 24, 2013 at 4:42 am

    Your Codepen contains no HTML!

    # January 24, 2013 at 4:51 am

    It’s because you are using the blockquote element (for some reason).

    Add this :

    blockquote, blockquote p {
    word-wrap: break-word;

    # January 25, 2013 at 12:37 am

    That worked! Thank you so much!

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

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed