Div tag with text and image verticaly centered
i having problem vertically aligning image text line in div tag using external css file.
any appreciated
any appreciated
you can this:
proddimensions img {vertical-align:middle;}
or can use un-ordered list has arrow embedded background image, this:
.productlist ul {list-style-image: url(arrow.gif);list-style-position:outside;list-style-type:none;text-align:left;}
.productlist li {margin:0;}
wrap unordered list around div class productlist (or whatever want call it) , display arrows in middle of text.
another way set background image on proddimensions class this:
background: url(arrow.gif) left center no-repeat;padding-left:21px;
that put background image left middle of div, padding ensure text not on top of arrow.
proddimensions img {vertical-align:middle;}
or can use un-ordered list has arrow embedded background image, this:
.productlist ul {list-style-image: url(arrow.gif);list-style-position:outside;list-style-type:none;text-align:left;}
.productlist li {margin:0;}
wrap unordered list around div class productlist (or whatever want call it) , display arrows in middle of text.
another way set background image on proddimensions class this:
background: url(arrow.gif) left center no-repeat;padding-left:21px;
that put background image left middle of div, padding ensure text not on top of arrow.
More discussions in Dynamic HTML General Discussion (read only)
adobe
Comments
Post a Comment