Comments on: Can I use CSS or other method to change line height of a ? http://topblogplacement.com/can-i-use-css-or-other-method-to-change-line-height-of-a?utm_source=rss&utm_medium=rss&utm_campaign=can-i-use-css-or-other-method-to-change-line-height-of-a Just another WordPress weblog Mon, 21 May 2012 16:44:39 +0000 hourly 1 http://wordpress.org/?v=3.3.1 By: J P http://topblogplacement.com/can-i-use-css-or-other-method-to-change-line-height-of-a/comment-page-1#comment-1456 J P Sun, 31 Jan 2010 10:24:29 +0000 http://topblogplacement.com/can-i-use-css-or-other-method-to-change-line-height-of-a#comment-1456 A better solution would be to set either the margin of the header, or the margin of the text area. <br /> is not really a layout tool its a line break. If you really want to become proficient in CSS learn to use margins and padding to position elements relative to each other. If you want a 10px gap below a header just add style="margin-bottom:10px;" to the tag the encloses your header. A better solution would be to set either the margin of the header, or the margin of the text area. <br /> is not really a layout tool its a line break. If you really want to become proficient in CSS learn to use margins and padding to position elements relative to each other. If you want a 10px gap below a header just add style="margin-bottom:10px;" to the tag the encloses your header.

]]> By: | |0I-I4MM4D http://topblogplacement.com/can-i-use-css-or-other-method-to-change-line-height-of-a/comment-page-1#comment-1457 | |0I-I4MM4D Sun, 31 Jan 2010 10:24:29 +0000 http://topblogplacement.com/can-i-use-css-or-other-method-to-change-line-height-of-a#comment-1457 Hey, you can use 'class' property of <br /> tag: use this structure: In HTML: <br class="MyClassName" /> In your style .CSS file: .MyClassName { .height: 1px; } Also you can set the height of your <br /> tag without using .Css by write css codes straightly in your tag: <br style="height: 1px;" /> If you have any other questions just keep me posted. Hey, you can use ‘class’ property of <br /> tag:

use this structure:

In HTML:
<br class="MyClassName" />

In your style .CSS file:

.MyClassName
{
.height: 1px;
}

Also you can set the height of your <br /> tag without using .Css by write css codes straightly in your tag:

<br style="height: 1px;" />

If you have any other questions just keep me posted.

]]> By: tiggsy http://topblogplacement.com/can-i-use-css-or-other-method-to-change-line-height-of-a/comment-page-1#comment-1458 tiggsy Sun, 31 Jan 2010 10:24:29 +0000 http://topblogplacement.com/can-i-use-css-or-other-method-to-change-line-height-of-a#comment-1458 Trying to do use <br /> as a layout item, rather than a line break might cause problems in some browsers. You're best doing as suggests and modifying the characteristics of your heading tag. There's a good CSS1 reference here: http://www.zvon.org/xxl/css1Reference/Output/index.html However, I would just like to say that we lowly web designers have enough competition without you highly valued SEO gurus muscling in on the act! ;} Trying to do use <br /> as a layout item, rather than a line break might cause problems in some browsers. You’re best doing as suggests and modifying the characteristics of your heading tag.

There’s a good CSS1 reference here:
http://www.zvon.org/xxl/css1Reference/Output/index.html

However, I would just like to say that we lowly web designers have enough competition without you highly valued SEO gurus muscling in on the act! ;}

]]> By: bodhost.co.uk http://topblogplacement.com/can-i-use-css-or-other-method-to-change-line-height-of-a/comment-page-1#comment-1459 bodhost.co.uk Sun, 31 Jan 2010 10:24:29 +0000 http://topblogplacement.com/can-i-use-css-or-other-method-to-change-line-height-of-a#comment-1459 This is how you can change line height of a <br/> Value: normal | <number> | <length> | <percentage> Initial: normal Applies to: all elements Inherited: yes Percentage values: relative to the font size of the element itself The property sets the distance between two adjacent lines' baselines. When a numerical value is specified, the line height is given by the font size of the current element multiplied with the numerical value. This differs from a percentage value in the way it inherits: when a numerical value is specified, child elements will inherit the factor itself, not the resultant value (as is the case with percentage and other units). Negative values are not allowed. The three rules in the example below have the same resultant line height: DIV { line-height: 1.2; font-size: 10pt } /* number */ DIV { line-height: 1.2em; font-size: 10pt } /* length */ DIV { line-height: 120%; font-size: 10pt } /* percentage */ A value of 'normal' sets the 'line-height' to a reasonable value for the element's font. It is suggested that UAs set the 'normal' value to be a number in the range of 1.0 to 1.2. This is how you can change line height of a <br/>
Value: normal | <number> | <length> | <percentage>
Initial: normal
Applies to: all elements
Inherited: yes
Percentage values: relative to the font size of the element itself

The property sets the distance between two adjacent lines’ baselines.

When a numerical value is specified, the line height is given by the font size of the current element multiplied with the numerical value. This differs from a percentage value in the way it inherits: when a numerical value is specified, child elements will inherit the factor itself, not the resultant value (as is the case with percentage and other units).

Negative values are not allowed.

The three rules in the example below have the same resultant line height:

DIV { line-height: 1.2; font-size: 10pt } /* number */
DIV { line-height: 1.2em; font-size: 10pt } /* length */
DIV { line-height: 120%; font-size: 10pt } /* percentage */

A value of ‘normal’ sets the ‘line-height’ to a reasonable value for the element’s font. It is suggested that UAs set the ‘normal’ value to be a number in the range of 1.0 to 1.2.

]]>