www.webdeveloper.com
Results 1 to 2 of 2

Thread: [RESOLVED] buttons side by side

Hybrid View

  1. #1
    Join Date
    Sep 2012
    Posts
    48

    resolved [RESOLVED] buttons side by side

    How would I put two or more buttons side by side?


    HTML Code:
    <p><a href="#" class="css-button">Download</a></p>

    Code:
    /*css for buttons in destinations starts here*/
    
    
    a.css-button {
    	
    		font-size:16px;
    		color:#000;
    		text-decoration:none;
    		display:block;
    		width:90px;
    		padding:10px;
    		border:2px solid #000;
    		text-align:center;
    
    		-moz-border-radius:5px;
    		-webkit-border-radius:5px;
    		-o-border-radius:5px;
    		border-radius:5px;
    		background:#FFFFFF;
    		-webkit-transition: all .4s ease-in-out;
    		-moz-transition: all .4s ease-in-out;
    		-o-transition: all .4s ease-in-out;
    		transition: all .4s ease-in-out;
    	}
    	a.css-button:hover {
    		color:#fff;
    		border-color:#000;
    		background:#000;
    	}
    	a.css-button.notransitions {
    		-webkit-transition: none;
    		-moz-transition: none;
    		-o-transition: none;
    		transition: none;
    	}
    /*css for buttons in destinations ends here*/

  2. #2
    Join Date
    Mar 2009
    Posts
    452
    <p><a href="#" class="css-button">Download</a> <a href="#" class="css-button">Don't Download</a></p>

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles