Center text and image in title.

classic12

Hy

I have the following:

  columns: [
                      {
                          data: "anims",
                          title : ' <img src = "http://mydubaidream.com/imageAssets/swirl.png"  > <b>This text is bold</b>  ',
                          width : '150px',
                          render: function(data, type, row)
              {
                   return '<img src = "http://mydubaidream.com/imageAssets/swirl.png" > ' +data.title  +data.url ;
              }
                      }
                        
              
              ]

data.url is an iframe.
How do I make the image and text central ?

ie make the image + data.title align in the centre horizontally

Cheers

Steve Warby

colin

Hi @Steve,

It just needs style="vertical-align: middle;" - the example here.

Cheers,

Colin

classic12

Hi Colin,

I have tried that but the image and text are still left aligned.

http://surplusanywhere.com/dubai3/

Cheers

Steve Warby

colin

Hi Steve,

There's a few options on this tutorial page aligining text/images.

Cheers,

Colin