I am collecting LOVs from a picklist in a map.

If value==ABCD, replace it with BCDE

Please  help with the replace syntax

We have built a VF page where its currently showing the Type of Products as top section and fetching the list of products belonging to that type:

e.g

Electronics
 * Mobile
 *Laptop
 *Camera

Books
 *Fiction
 *Non fiction

I want a [+] [-] beside Electronics/Books 
When I click [+] , all the below items should expand , on [-] it should Collapse.

How to align a column name to centre in VF Page? 

Tried out :
<apex:outputPanel id="datePanel" style="float:center;">Role</apex:outputPanel>
<apex:outputPanel id="datePanel" style="float:centre;">Role</apex:outputPanel>

How to align a column name to centre in VF Page? 

Tried out :
<apex:outputPanel id="datePanel" style="float:center;">Role</apex:outputPanel>
<apex:outputPanel id="datePanel" style="float:centre;">Role</apex:outputPanel>