Free Online HTML Editor - Live Preview & Responsive Test
Desktop
Tablet
Phone
Hide Code
Full Screen
<div class="h-screen flex flex-col justify-center items-center bg-gradient-to-r from-blue-500 to-purple-600 text-white font-sans"> <h1 class="text-4xl font-bold mb-4">Hello World!</h1> <p class="text-lg">This is your live preview.</p> <button class="mt-6 px-6 py-2 bg-white text-blue-600 rounded-full font-bold shadow-lg">Click Me</button> </div>