Change layout from block to inline

[Nameviolated]

Hi All,

Below is my css that I'm trying to change. I have played with setting the width to 25% and putting display:inline instead of block, but it seems to strip the second extrafield label of its bold formatting. Any help would be appreciated.

div.catItemExtraFields, div.genericItemExtraFields {margin:16px 0 0 0;padding:8px 0 0 0;border-top:1px dotted #ddd;}
div.catItemExtraFields h4, div.genericItemExtraFields h4 {margin:0;padding:0 0 8px 0;line-height:normal !important;}
div.catItemExtraFields ul, div.genericItemExtraFields ul {margin:0;padding:0;list-style:none;}
div.catItemExtraFields ul li, div.genericItemExtraFields ul li {display:block;}
div.catItemExtraFields span.catItemDateCreated {}
div.catItemExtraFields ul li span.catItemExtraFieldsLabel, div.genericItemExtraFields ul li span.genericItemExtraFieldsLabel {display:block;float:left;font-weight:bold;margin:0 4px 0 0;width:50%;}
div.catItemExtraFields ul li span.catItemExtraFieldsValue {}

[alt131]

Hi Nameviolated, and welcome to WebmasterWorld.

I've looked at this several times, but I'm a bit unsure of what might be causing the problems. Can you describe what you are trying to achieve by making these changes? A small snippte of html would help understand the structure of the document as well.