Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

Change layout from block to inline

1:22 am on Oct 27, 2011 (gmt 0)

New User

5+ Year Member

joined:Oct 27, 2011
posts: 1
votes: 0

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 {}
10:59 am on Nov 2, 2011 (gmt 0)

Senior Member

WebmasterWorld Senior Member 5+ Year Member

joined:Aug 9, 2008
posts: 961
votes: 0

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.