jsFiddle

• Run again
• Edit this fiddle

• JavaScript
• HTML
• CSS
• Result

var usersArr = [
    {
        name: 'Navin R. Johnson',
        photo: 'http://img.skitch.com/20110922-nh7dx65xub4ddc3k7nwbbax14t.png'
    },
    {
        name: 'Gonzo',
        photo: 'http://img.skitch.com/20110922-cixxm8mfd5hahx6bjjse3b1qd8.png'
    },
    {
        name: 'Macho Man Randy Savage',
        photo: 'http://img.skitch.com/20110922-q2xaiaikk9992rnqpepn39gak4.png'
    }
];

Ext.create('Ext.container.Container', {
    renderTo: Ext.getBody(),
    data: {
        users: usersArr
    },
    tpl: '<span style="font-size: 1.2em">Users:</span><tpl for="users"><p class="user"><img src="{photo}" />{name}</p></tpl>'
});

.user img {
    height: 25px;
    width: 25px;
    vertical-align: middle;
    padding-right: 10px;
}

.user {
    font-weight: bold;
}