Question

I have this:

<div data-role="header" >   
<div data-role="controlgroup" data-type="horizontal"  >
<div id="b1" data-role="button"  >b1</div>
<div id="b2" data-role="button"  >b2</div>
<div id="b3" data-role="button"  >b3</div>
</div>  

How would I change the size of the buttons?

Thanks.

Answer 1

You can do like this in the css

div[data-role='controlgroup'] >  div{
    width:100px;
}

A demo here – http://jsfiddle.net/egvmL/

Let me know if that helps.