How to center align this blockquote in css?

Discussion in 'CSS' started by jilaba, Apr 5, 2010.

0
  1. #1
    This blockquote is placed inside a column. I want to align this to the bottom of the column. How to do?

    blockquote {
margin:1em;
padding:.5em;
font-size:.9em;
background-color:#cccccc;
border-top:1px solid #999999;
border-bottom:1px solid #999999;
    Code (markup):

     
    jilaba, Apr 5, 2010 IP
  2. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #2
    Bottom alignment, unless you plan on fixing the blockquote's height is not something a DIV/CSS layout is particularly good at; putting it mildly. You may end up FORCED into using a table for that. Sucks, but again there's a reason you don't see a lot of websites doing that.
     
    deathshadow, Apr 5, 2010 IP
  3. sebau

    sebau Peon

    Messages:
    59
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    hmm blockquote is block element I think good is add
    of course column with position: relative;

    It is not elegant but I think works - perfect If You know height blockquote. Then to column element add: for example: padding-bottom: 5em;
     
    sebau, Apr 7, 2010 IP
  4. jilaba

    jilaba Guest

    Messages:
    77
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Thanks Sebau, it fixed.
     
    jilaba, Apr 7, 2010 IP