Отображение информационных сообщений с использованием jquery

Question

Мне нужно отобразить информационное сообщение в прикрепленном формате изображения. Я видел коды сообщений об ошибках в jQuery.Я пытался с ui-state-info классом, но я не мог получить точную вещь, как показано ниже.

Код, который я пробовал,

 <div class="ui-widget">
 <div class="ui-state-error ui-corner-all" style="padding: 0 .7em;"> 
    <p>
        <span class="ui-icon ui-icon-alert" 
            style="float: left; margin-right: .3em;"></span>
        <strong>Alert:</strong> Sample ui-state-error style.
    </p>
   </div>
</div>

Answer 1

Вы можете попробовать это:

 <div class="ui-widget">
 <div class="ui-state-info ui-corner-all" style="padding: 0 .7em;"> 
    <p>
        <span class="ui-icon ui-icon-info" 
            style="float: left; margin-right: .3em;"></span>
        <strong>Information:</strong> Sample ui-state-error style.
    </p>
   </div>
</div>