HTML div help

[darkvallena]

hello, I am having trouble with some coding on my latest protected blog post (using wordpress theme yin and yang). It's password protected, password: OC

http://www.madeinregio.com/2012/09/24/opening-ceremony/

On some browsers such as the Google Chrome browser, the placement of the text "custom fit" and "35 howard" always gets pushed down.

Both are surrounded by a div code, like the text to the left of it, but it gets pushed down for some reason.

<div style="position: relative; top: -733px; left: 330px; width: 290px; z-index: 2">
<h1><strong><font size="8">OC Branded</font>
<font size="4">White pullover- London Olympics and Flag as seen on A$APMOB</strong>
</h1></div></font>
<div style="position: relative; top: -825px; left: 615px; width: 290px; z-index: 2">
<h1><strong><font size="8">Custom Fit</font>
<font size="4">Custom Mannequins and Korean
inspired stock</strong>
</h1></div></font>


Any help is much appreciated!

[mackenzilynn]

The error is within your letter spacing in this css code:

h1, h2, h3, h4, h5, h6 {
font-family: "Yanone Kaffeesatz", Arial, Helvetica, sans-serif;
color: #4F4640;
text-transform: uppercase;
letter-spacing: 0.1em;

If you delete that letter spacing, the error should be resolved in chrome.

[darkvallena]

ok thanks ill give it a shot. Also, where in the css am I able to make the space in between sentence lines greater, as you can see, the spacing in between sentences lines are quite close.

[FootballDizzle]

I believe line height spacing goes right on your html, in the specific div you need it.


CSS line-height Property

<p class="big">
This is a paragraph with a bigger line-height.<br />
This is a paragraph with a bigger line-height.<br />
This is a paragraph with a bigger line-height.<br />
This is a paragraph with a bigger line-height.<br />
</p>

[darkvallena]

I deleted the line height

from this code:
h1, h2, h3, h4, h5, h6 {
font-family: "Yanone Kaffeesatz", Arial, Helvetica, sans-serif;
color: #4F4640;
text-transform: uppercase;
letter-spacing: 0.1em;

and it still doesn't fit in line in Google Chrome browsers

[darkvallena]

actually it works! THANKS