Same row

diff --git a/css/mock1.css b/css/mock1.css
index 629b1d647db2c2e7be75147e04e508926d87ae03..a3dbe7b7faa29a1f1250a84fd0767fb78a85c003 100644 (file)
--- a/css/mock1.css
+++ b/css/mock1.css
@@ -150,8 +150,9 @@ div.art:last-child {
     border-bottom: none;
 }
 
-h3.art {
+b.art {
     margin-bottom: 0;
+    font-size: 18px;
 }
 
 p.art {
@@ -167,7 +168,9 @@ p.art-ingress {
     color: #ccc;
     margin: 0;
 }
-
+p.heading {
+    white-space: nowrap;
+}
 p.art-link {
     margin-top: 0;
 }

diff --git a/index_mock1.html b/index_mock1.html
index e716b43e4b7f68e7dc632360c49323b8e8f752b2..4cc4b81a919ad869a33bdabd505da0707986c642 100644 (file)
--- a/index_mock1.html
+++ b/index_mock1.html
@@ -10,7 +10,7 @@
 
     <title>freenode</title>
     <link href="css/open-sans.css" rel="stylesheet">
-    <link href="css/style.css" rel="stylesheet">
+    <link href="css/mock1.css" rel="stylesheet">
     <link href="css/font-awesome.min.css" rel="stylesheet">
 </head>
 
@@ -43,7 +43,7 @@
 
         <div class="main">
             <div class="art">
-                <p><h3 class="art">Some News</h3><span class="art-date">2016-02-19 by christel</span></p>
+                <p class="heading"><b class="art">Some News</b>&nbsp;<span class="art-date">2016-02-19 by christel</span></p>
 
                 <p class="art-ingress">Fancy news article's ingress text here.
                 Lorem ipsum dolor sit amet, consectetur adipiscing elit.