源代码：
下载代码
AI 编程工具
点击运行
<!doctype html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="https://cdn.tailwindcss.com"></script> </head> <body> <div class="relative rounded-xl overflow-auto"><div class="mx-4 bg-white shadow-xl p-8 text-slate-700 text-sm sm:text-base leading-6 sm:leading-7 dark:bg-slate-800 dark:text-slate-400"> <div class="float-left mb-4 rounded-xl overflow-hidden"> <div class="relative aspect-w-1 aspect-h-1 sm:aspect-w-16 sm:aspect-h-9 w-24 sm:w-44"> <img class="object-cover" src="https://static.jyshare.com/images/demo/demo2.jpg"> <div class="absolute inset-0 ring-1 ring-inset ring-black/10 rounded-xl"></div> </div> </div> <div class="float-right ml-6 mb-4 rounded-xl overflow-hidden "> <div class="relative aspect-w-1 aspect-h-1 sm:aspect-w-16 sm:aspect-h-9 w-40 sm:w-64"> <img class="object-cover" src="https://static.jyshare.com/images/demo/demo2.jpg"> <div class="absolute inset-0 ring-1 ring-inset ring-black/10 rounded-xl"></div> </div> </div> <p class="clear-left text-justify">测试文本内容...测试文本内容...测试文本内容...测试文本内容...测试文本内容...测试文本内容...测试文本内容...测试文本内容...测试文本内容...测试文本内容...测试文本内容...测试文本内容...测试文本内容...测试文本内容...测试文本内容...测试文本内容...测试文本内容...测试文本内容...测试文本内容...测试文本内容...测试文本内容...测试文本内容...测试文本内容...测试文本内容...测试文本内容...测试文本内容...测试文本内容...测试文本内容...测试文本内容...测试文本内容...测试文本内容...测试文本内容...测试文本内容...测试文本内容...测试文本内容...测试文本内容...测试文本内容...测试文本内容...测试文本内容...测试文本内容...测试文本内容...测试文本内容...测试文本内容...测试文本内容...测试文本内容...测试文本内容...测试文本内容...测试文本内容...</p> </div></div> </body> </html>
运行结果：
AI 编程工具