выровнять текст с изображением в строке заголовка в диалоговом окне

Question

Есть ли способ настроить с помощью css «ваш заголовок» в этом скрипке, например, поместить его в соответствие с изображением? http://jsfiddle.net/saikotju/F9uR3/3/

<span class="dialog">English</span> 

<div id="dialog" class="dialogBox" title="LessonSelected"></div> 

$(function() { 

    $('#dialog').dialog({ 
     resizable:false, 
     autoOpen: false, 
     title:'<img src="http://weeklyprobateleads.com/wp-content/uploads/2014/10/download-icon-probate-leads.png" /> Your Title', 
     buttons: { 
      "Enrol": function(){ 
       $(this).dialog('close'); 
       choice(true); 
      }, 
      "Cancel Enrol": function(){ 
       $(this).dialog('close'); 
       choice(false); 
      } 
     } 
    }); 

    $(".dialog").click(function(){   
     $('#dialog').dialog("open"); 
    }); 
}); 


.ui-dialog-title { 
    color: white; 
} 

благодаря

Answer 1

Это должно сделать это:

.ui-dialog-title img { 
    vertical-align:middle; 
} 

jsFiddle example

Answer 2

Попробуйте это:

$(function() { 
 
    
 
     $('#dialog').dialog({ 
 
      resizable:false, 
 
      autoOpen: false, 
 
      title:'<img src="http://weeklyprobateleads.com/wp-content/uploads/2014/10/download-icon-probate-leads.png" /> Your Title', 
 
      buttons: { 
 
       "Enrol": function() 
 
       { 
 
        $(this).dialog('close'); 
 
        choice(true); 
 
       }, 
 
       "Cancel Enrol": function() 
 
       { 
 
        $(this).dialog('close'); 
 
        choice(false); 
 
       } 
 
      } 
 
     }); 
 
     
 
    $(".dialog").click(function(){   
 
     $('#dialog').dialog("open"); 
 
    }); 
 
    });

.ui-dialog-content div { 
 
    background: url(https://www.google.com/logos/2014/worldcup14/opening/cta.png) no-  repeat !important; 
 
}

<table> 
 
    <tr> 
 
    <td> 
 
     <span class="dialog">English</span> 
 
    </td> 
 
    <td> 
 
     <div id="dialog" class="dialogBox" title="LessonSelected"> 
 
     <img src="https://www.google.com/logos/2014/worldcup14/opening/cta.png" /> 
 
     </div> 
 
    </td> 
 
    </tr> 
 
</table>