源代碼
點擊運行
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>教程</title> </head> <body> <p> <img src="/images/logo.png" alt="Smiley face" style="float:left" width="32" height="32"> 一個帶圖片的段落,圖片浮動在這個文本的左邊。 </p> <p> <img src="/images/logo.png" alt="Smiley face" style="float:right" width="32" height="32"> 一個帶圖片的段落,圖片浮動在這個文本的右邊。 </p> <p><b>注意:</b> 在這里我們使用了 CSS "float" 屬性,在HTML 4中 align 屬性已廢棄,HTML5 已不支持該屬性,可以使用 CSS 代替。</p> </body> </html>
運行結果