Fix the look of algorithm environment when no caption is specified

static.html

@@ -14,11 +14,10 @@
         -webkit-font-smoothing: antialiased !important;
     }
     .pseudo .ps-alg {
-        padding-bottom: 0.2em;
-    }
-    .pseudo .ps-alg.with-caption {
+        margin: 0.8em 0;
         border-top: 3px solid black;
         border-bottom: 2px solid black;
+        padding-bottom: 0.2em;
     }
     .pseudo .ps-block {
         margin-left: 1.2em;
@@ -115,7 +114,8 @@
     </div>
     <pre id="code" style="display:none">
         \begin{algorithm}
-        \caption{Sample Algorithm}
+        \caption{123!}
+        \caption{123!tate}
         \begin{algorithmic}
         \REQUIRE $n \geq 0$
         \ENSURE $y = x^n$
@@ -133,8 +133,7 @@
         \ENDWHILE
         \end{algorithmic}
         \end{algorithm}
-    </pre>
-    <pre id="test" style="display:none">
+        \begin{algorithm}
         \begin{algorithmic}
         \REQUIRE this is shit!
         \ENSURE i think so
@@ -147,6 +146,8 @@
             \ENDIF
         \ENDWHILE
         \end{algorithmic}
+        \caption{this is it!}
+        \end{algorithm}
     </pre>
     <script type="text/javascript">
         var code = document.getElementById("code").textContent;