Prev Demo
Button Group
Next Demo
Write code here
J
|
B
|
A
<!DOCTYPE html> <html> <head> <title></title> <style> .button { background-color: red; border: 2px solid grey; color: white; padding: 15px 32px; text-align: center; text-decoration: none; display: inline; font-size: 20px; cursor: pointer; float: left; } .button:hover { background-color: green; } </style> </head> <body> <h2>Button Groups</h2> <p>Remove margins and float the buttons to create a button group:</p> <button class="button">DotNetFunda</button> <button class="button">TechFunda</button> <button class="button">ITFunda</button> </body> </html>
Note: We DO NOT save your trial code in our database.
Output
