HTML FORMS /
CSS
/
Group Buttons for Menu
<!Doctype html> <html> <style> .btn-group button { background-color: #3782bd; border: 1px solid #ffffff; color: #ffffff; padding: 10px 24px; cursor: pointer; float: left; font-size: 15px; outline: none; } .button { background-color: white; color: black; border: 2px solid #4CAF50; } .button:hover { background-color: #00bcd4; color: white; } /* Clear floats (clearfix hack) */ .btn-group:after { content: ""; clear: both; display: table; } .btn-group button:not(:last-child) { border-right: none; /* Prevent double borders */ } /* Add a background color on hover */ .btn-group button:hover { } </style> <body> <div class="btn-group" style= "right: 0;position: fixed;;"> <button class="button">Coonect Us</button> <button class="button">Request Demo</button> </div> </body> </html>
