Question : Centering text in header of collapsible panel

hello experts.
I'm using the tutorial from here:
http://www.tobypitman.com/multiple-collapsable-panels-with-cookies/
The problem i have is that i cannot center my text:test  in the header.
Any help?
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
<script language="javascript" type="text/javascript" src="../../js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="../../js/collapsible_6/collapsible.js"></script>
<script type="text/javascript" src="../../js/collapsible_6/jquery.cookie.js"></script>

<style type="text/css">
#sidebar {
	width: 200px;
	margin-left: 1px;
}
/* Sidebar */
#sidebar ol,ul,li  {
	display: block;
	text-decoration: none;
	list-style:none;
}
li.widget h2.active {
	background-position: right bottom;
	
}
li.widget {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}
li.widget h2 {
	width: 100%;
	height: 26px;
	background: url(images/side-title10.png) no-repeat right top;
	font-size: 14px;
	color: #FFF;
	cursor: pointer;
	padding: 0px;
	margin: 0px;
}
li.widget h2 span  { padding-left:4px;}
.textwidget {
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

.widget_text {
	display: block;
}
</style>
<ul id="sidebar">
 <li id="1" class="widget">
    <h2 class="widgettitle"><span>Test</span></h2>
         <ul><li>
          <table cellpadding="0" cellspacing="0" align="center" style="background-color:#36F; width:160px">
          <tr><td colspan="2">&nbsp;</td></tr>
          <tr><td colspan="2">&nbsp;</td></tr>
          <tr><td colspan="2">&nbsp;</td></tr>
         <tr><td colspan="2">&nbsp;</td></tr>
       </table>
        </li></ul>
      </li>
      <li id="2" class="widget">
    <h2 class="widgettitle"><span>Test</span></h2>
         <ul><li>
          <table cellpadding="0" cellspacing="0" align="center" style="background-color:#36F; width:160px">
          <tr><td colspan="2">&nbsp;</td></tr>
          <tr><td colspan="2">&nbsp;</td></tr>
          <tr><td colspan="2">&nbsp;</td></tr>
         <tr><td colspan="2">&nbsp;</td></tr>
       </table>
        </li></ul>
      </li>
</ul>

Answer : Centering text in header of collapsible panel

You should be able to do text-align:center on the li.widget h2
Random Solutions  
 
programming4us programming4us