Blockquote border on tumblr theme

Posted by orange on Stack Overflow See other posts from Stack Overflow or by orange
Published on 2012-06-09T21:52:00Z Indexed on 2012/06/10 16:40 UTC
Read the original article Hit count: 182

Filed under:
|
|
|

This is the code for the link block:

            {block:Link}
        <div class="post link">
            <h2>
             <a href="{URL}" class="name">{Name}</a></h2>

            <div class="content">
                {block:Description}{Description}{/block:Description}
                <span class="date">
                <a href="{Permalink}">{ShortMonth} {DayOfMonth}, {Year}
                </a>
                </span>
            </div>
        </div>
        {/block:Link}

What I'm trying to do is add a border-left of of 10px to block quotes. When I try to add this style to block quotes this happens: enter image description here

The block quote border flows into the post title and I don't wish for this to happen, I want the border layout to stay within the content div.

I'm using this CSS at the moment:

            div div div blockquote {
            border-left: 10px solid red;
        }

Thanks in advance for the help!

Just to clarify <div class="post link"> is in another div.

Here is the tumblr: http://iamsomething-awesome.tumblr.com/

© Stack Overflow or respective owner

Related posts about html

Related posts about css