vertical-alignment

I know this question has been asked to death but nothing through searching has worked for me. You know the deal, I have a div element that I need to vertically align text in but nothing has worked (position:absolute;top:50%;margin-top:-x;display:table-cell;vertical-align:middle;etc., etc.) Here is what I am working with (sorry for the inline CSS). Anyway, the I would use line-height but the text can be one or two lines. It should vertical align with the image which is always max-height of 30px (30x50). <div style="margin:0 0 10px 0;padding:10px;border:2px solid #606060;background-color:#2b2b2b

The Facebook and Tweet buttons on our home page are vertically misaligned, and we're confused why. We can top align the two buttons if we use Firebug and remove the height for the Tweet button. However, the height is set dynamically, and inlined, from a Twitter script. We can't seem to override the height value. Here's the home page: http://www.panabee.com Are we doing something wrong in the CSS? Or is there a parameter we need to set in the Tweet button to override the height value? Our only other option is to resort to the Twitter iFrame for the Tweet button, which we prefer not to do.

Why does the code below not cause the <table> to be vertically-aligned in the middle of the <div> ? <div style="width: 850px; height: 470px;vertical-align: middle;" align="center"> <table style="padding-left: 20px; width: 700px; border: 10px groove #0033CC; background-color: #F9F9F9;"> <tr> <td>   </td> <td>   </td> <td>   </td> </tr> <tr> <td>   </td> <td>   </td> <td>   </td> </tr> <tr> <td>   </td> <td>   </td> <td>   </td> </tr> </table> </div> I want the <table> in the middle of the <div> , but it is at the top! How can I fix this? Thanks for your future advice. Outside of table cells,

I am creating cocoa app in which i created NSTextField programmatically like this, NSView *superView = [[NSView alloc] initWithFrame:NSMakeRect(0, 300, 1400, 500)]; NSTextField *myTextField = [[NSTextField alloc] initWithFrame:NSMakeRect(180, 100, 1000, 300)]; [myTextField setStringValue:myText]; [myTextField setEditable:NO]; [myTextField setBezeled:NO]; [myTextField setDrawsBackground:NO]; [myTextField setSelectable:NO]; [myTextField setFont:[NSFont fontWithName:@"Futura" size:22]]; [superView addSubview:myTextField]; [superView setAutoresizesSubviews:YES]; [myTextField setAutoresizingMask

I would like to align the text to bottom in the second cell. The first cell extends to 2 lines, because of insufficent width and that's OK But the text in the second cell is only one line and shows up at the top of the cell. How can I align it to bottom? I tried vertical-align="bottom" text-align="bottom" text-align="end" on row , cell and block levels.. Any of them worked?!? <fo:table font="normal 10 pt Arial, sans-serif" width="100%"> <fo:table-column column-width="40mm"/> <fo:table-column column-width="130mm"/> <fo:table-body> <fo:table-row> <fo:table-cell padding-before="3pt" padding-after

I'd like to vertically align multiple lines of text to the right of a left-floated image. However The image size (height and width) will vary and is unknown in advance The length of text varies also and will usually comprise multiple lines Solution needs to be responsive to adapt to varied screen sizes Solutions should not involve specific px width or height dimensions for images, divs or anything else I don't want to use tables as the text will need to drop underneath the image in certain scenarios when there isn't enough room for the text beside the image I've looked back through previous