How do I add an image to this text?

Question

<?php
    if (mysqli_num_rows($new_result) == 1)
        {
            if ($row['borrowingPower'] == 'mayor')
                print "<div id='verified'>This User is Verified!<div>";
        }
?>

In addition to the text "This User is Verified", how can I make an image display just to the right or just above the text?

ADDED TEST FILE FOR THIS WORK http://neighborrow.com/wanted_test.php?item=116

Answer 1

With an img element (note that the section on alt text is a little lacking in that article, so also see this document).

Answer 2

With an <img> tag:

<?php
    if (mysqli_num_rows($new_result) == 1)
        {
            if ($row['borrowingPower'] == 'mayor')
                print "<div id='verified'>This User is Verified! <img src='icon_ok.png' style='vertical-align: middle' alt='' /><div>";
        }
?>

Answer 3

another way to do this is adding a css class to your DIV element

CSS code:

.user_verified {
    background: url(../images/user_verified.png) no-repeat 0 0;
    padding-left:20px;
}

PHP code:

<?php
    if (mysqli_num_rows($new_result) == 1)
        {
            if ($row['borrowingPower'] == 'mayor')
                print "<div id='verified' class='user_verified'>This User is Verified!<div>";
        }
?>