..

index.html

@@ -50,16 +50,12 @@
       <div class="inner clearfix">
         <section id="main-content">
 
-        <div style="float:right">
-            <table><tbody><tr>
-            <td>
+        <div id="socialbuttons" style="float:right">
             <!-- Facebook -->
             <div class="fb-like" data-href="http://coolwanglu.github.com/pdf2htmlEX/" data-send="false" data-layout="button_count" data-width="450" data-show-faces="false"></div>
-            </td><td>
             <!-- Twitter -->
             <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://coolwanglu.github.com/pdf2htmlEX/" data-text="pdf2htmlEX: Precise PDF to HTML Converter" data-via="coolwanglu" data-hashtags="pdf2htmlEX">Tweet</a>
             <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
-            </td><td>
             <!-- Google+ -->
             <div class="g-plusone" data-size="small" data-href="http://coolwanglu.github.com/pdf2htmlEX/"></div>
             <script type="text/javascript">
@@ -69,8 +65,6 @@
                               var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
                                 })();
                             </script>
-            </td>
-            </tr></tbody></table>
         </div>
 
 <h1>pdf2html<strong>EX</strong> </h1>

stylesheets/stylesheet.css

@@ -478,3 +478,8 @@ footer a:hover {
 
 /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
 @media only screen and (max-width: 479px) {}
+
+/* Added by Wang Lu */
+#socialbuttons { font-size: 1px }
+#socialbuttons iframe { vertical-align: middle; }
+#socialbuttons span { display:inline-block; width: 110px; }