title: Change the width of a like button
body: <p>I'm trying to change the width of the Like button on my site, but for some reason it's not working. I've tried the HTML5, iFrame and XFBML versions, but they all get rendered to the same size. Any ideas on what I'm doing wrong? Code is below.</p>
  
  <pre><code>&lt;!DOCTYPE HTML&gt;
  &lt;html xmlns:fb="http://ogp.me/ns/fb#"&gt;
     &lt;head&gt;
     &lt;/head&gt;
     &lt;body&gt;
     &lt;div class="fb-like" data-href="http://www.facebook.com" data-send="false" data-layout="button_count" data-width="2000" data-show-faces="false"&gt;&lt;/div&gt;
     &lt;fb:like href="http://www.facebook.com" send="false" layout="button_count" width="3000" show_faces="false"&gt;&lt;/fb:like&gt;
     &lt;iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com&amp;amp;send=false&amp;amp;layout=button_count&amp;amp;width=1600&amp;amp;show_faces=false&amp;amp;action=like&amp;amp;colorscheme=light&amp;amp;font&amp;amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:1600px; height:100px;" allowTransparency="true"&gt;&lt;/iframe&gt;
     &lt;div id="fb-root"&gt;&lt;/div&gt;
      &lt;script&gt;
        window.fbAsyncInit = function() {
          FB.init({
            appId      : 'MY_ID', // App ID
            status     : true, // check login status
            cookie     : true, // enable cookies to allow the server to access the session
            oauth      : true, // enable OAuth 2.0
            xfbml      : true  // parse XFBML
          });
  
          // Additional initialization code here
        };
  
  
  (function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
      &lt;/script&gt;
     &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>