css - xsltのテキストと画像をcssで揃える方法

Question

こんにちは、私はこの方法でいくつかの画像を入れたxmlファイルを持っています: <pb facs="ciao.jpg">.
次に、次のような Java スクリプトを配置する xsl ファイルがあります。

<script type="text/javascript">
    function toggleSize(img){
        if (parseInt(img.style.width) !=220){
            img.style.width='220px';
        }
        else {
            img.style.width = '90%';
        }
    }

    function showHideNote(noteId){
        var note = document.getElementById(noteId);
        if (note.className == 'hiddenNote') {
            note.className='showingNote';
        }
        else {
            note.className='hiddenNote';
        }
        return false;
    }
</script>

クリックできる小さな画像とその下のすべてのテキストが作成されます。
問題は、左側に大きな画像を、右側に関連するテキストを表示したいということです。なにか提案を？