I have a DIV like this:

```
    <div id="mydiv">
        <label id="orderName" style="align:center;">Order Name</label>
        <label id="orderNo" style="align:left;">Order No</label>  
    </div>

```

I am trying to:  

- align OrderName horizontally and vertically center of the div.   

- align OrderNo horizontally left of the div (and vertically centred). 

How can i do that?

```
    ----------------------------------
   |                                 |
   | OrderNo     OrderName           |
   |                                 |
    ----------------------------------

```