ninetydegrees: Art: self-portrait (Default)
ninetydegrees (90d)☕ ([personal profile] ninetydegrees) wrote in [site community profile] changelog 2012-02-22 05:32 pm (UTC)

Re: Display Issue

Doesn't really change things or make them better but it makes more sense to me to use table-cell for .icon-image as well and it gets much better if you set the img alignment to bottom. What about this:

.icon-image {
display: table-cell;
line-height: 100px;
min-width: 100px;
padding: 0 .5em;
text-align: center;
}

.icon-image img {
vertical-align: bottom;
}

.icon-info {
display: table-cell;
padding: 0 .5em;
overflow: auto;
vertical-align: bottom;
width: 100%;
word-wrap: break-word;
}

or even:

.icon-image {
display: table-cell;
height: 100px;
min-width: 100px;
padding: .5em;
text-align: center;
vertical-align: bottom;
}

.icon-image img {
vertical-align: bottom;
}

.icon-info {
display: table-cell;
padding: .5em;
overflow: auto;
vertical-align: bottom;
width: 100%;
word-wrap: break-word;
}

Post a comment in response:

This account has disabled anonymous posting.
If you don't have an account you can create one now.
HTML doesn't work in the subject.
More info about formatting

If you are unable to use this captcha for any reason, please contact us by email at support@dreamwidth.org