diff --git a/tetawebapp/static/styles/tetawebapp.css b/tetawebapp/static/styles/tetawebapp.css
index 47a12c5..0e5dd67 100644
--- a/tetawebapp/static/styles/tetawebapp.css
+++ b/tetawebapp/static/styles/tetawebapp.css
@@ -26,6 +26,21 @@ main > article {
   background-color:  var(--clear-bg);
 }
 
+main > section.inline {
+  display: flex;
+  background-color:  var(--clear-bg);
+}
+
+main > section.inline > article.left {
+  flex: 0 0 50%;
+  margin-left: 10px;
+}
+
+main > section.inline > article.right {
+  flex: 1;
+  margin-left: 10px;
+}
+
 div.content > nav {
   flex: 0 0 200px;
   background-color:  var(--clear-bg);
diff --git a/tetawebapp/templates/ajax.html b/tetawebapp/templates/ajax.html
index 4f5c27d..99c7a01 100644
--- a/tetawebapp/templates/ajax.html
+++ b/tetawebapp/templates/ajax.html
@@ -8,18 +8,20 @@
       </article>
       <article class='right' id='html_container'>
       </article>
-      <article class='left'>
-        <h3>Set value via AJAX</h3>
-        <p>Send value to the application.</p>
-        <p>If value is empty or is "We Make Porn" (case sensitive), an error is raised.</p>
-        <input type='text' id='value_sender'>
-        <input type='button' value="Try me" onclick='javascript:set_value_from_ajax(document.getElementById("value_sender"), "/set_value_from_ajax", "TETA_ERR");'>
-      </article>
-      <article class='left'>
-        <h3>Get value from AJAX</h3>
-        <p>Get a random value from the application.</p>
-        <p>Value may randomly be unavailable raising an error.</p>
-        <input type='text' id='value_receiver'>
-        <input type='button' value="Try me" onclick='javascript:get_value_from_ajax(document.getElementById("value_receiver"), "/get_value_from_ajax", "TETA_ERR");'>
-      </article>
+      <section class='inline'>
+        <article class='left'>
+          <h3>Set value via AJAX</h3>
+          <p>Send value to the application.</p>
+          <p>If value is empty or is "We Make Porn" (case sensitive), an error is raised.</p>
+          <input type='text' id='value_sender'>
+          <input type='button' value="Try me" onclick='javascript:set_value_from_ajax(document.getElementById("value_sender"), "/set_value_from_ajax", "TETA_ERR");'>
+        </article>
+        <article class='right'>
+          <h3>Get value from AJAX</h3>
+          <p>Get a random value from the application.</p>
+          <p>Value may randomly be unavailable raising an error.</p>
+          <input type='text' id='value_receiver'>
+          <input type='button' value="Try me" onclick='javascript:get_value_from_ajax(document.getElementById("value_receiver"), "/get_value_from_ajax", "TETA_ERR");'>
+        </article>
+      </section>
       {% endblock %}