How to change line height for small text with CSS? There seems to be a limit to how small line-height can be


Tags: html,css

Problem :

For example, in this example, how do I get rid of the spacing between the lines of text (on top of the images)?



Solution :

Set your line-height on .box_desc. I also adjusted your top value to compensate:

.box_desc {
     position: absolute;
     top: 14px;
     line-height: 10px;
 }

You should tweak the line-height/top values to perfection.

See: http://jsfiddle.net/XhZMv/


    CSS Howto..

    Getting an error message to show up inline of input

    How to control the postioning of a fieldset with css?

    How to check multiple conditions within a td in Angular table?

    How to style a tag for current div with css?

    How do I prevent jQuery from resetting all my CSS?

    How to animate an unknown number of items in sequence using css animations?

    How to make the background color transparent

    How to set height to wrap text only in certain screen size

    sunken border when background-color css specified - how to avoid?

    How to make top/bottom borders appear ontop of left/right borders crossbrowser css

    How to create a
      with a triangle for the :active row?

    How to see the source code of a particular html tag by onClick() javascript without showing its css?

    How to do a best fit vertical align

    How to make text flow from left right bootstrap

    How to create both-sided dotted line around a title? [duplicate]

    how to have css affect other divs in the same container

    How to make Angular Forms ngModel classes inherit from Bootstrap Forms classes

    how to set css property of one class from another class

    How to apply same event to multiple buttons?

    How to draw a circle sector in CSS?

    How to use CSS filters in JavaScript?

    How do you make a button increase in size (125%) for few milliseconds and then return it original size on click?

    How to change placeholder color on focus?

    When using padding-top to retain aspect ratio for fluid layout, how do I vertically center text to background image?

    How can I automatically change the CSS min-height value of a div when a JavaScript is performed?

    How can I correctly center this div into its container? What is wrong?

    How to create a WoW-like cooldown effect?

    How to hide and show a
    onclick when there's already an action for click?

    How do I apply the following CSS to only the Parent nodes of a Kendo Tree View?

    How to convert list of buttons to radio buttons based on row overflow?