Databases
StackOverflow2013
Postsdbo
PO
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    text
    copied!<p><a href="http://codepen.io/anon/pen/FIqol" rel="nofollow">Tell me if you searched this work to the signature</a></p> <p><div class="snippet" data-lang="js" data-hide="false" data-console="true"> <div class="snippet-code"> <pre class="snippet-code-css lang-css prettyprint-override"><code>.wrap { width:950px; clear:both; font-family:"Segoe UI", "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif; font-size:13px } #container2 { clear:left; float:left; width:100%; overflow:hidden; background-color:#EBF0F5; border-right:1px solid #9AB2D0; border-left:1px solid #9AB2D0; border-top:1px solid #9AB2D0 } a.counter:link, a.counter:visited, a.counter:active { color:#1C66AB; text-decoration:none; font-family:"Segoe UI", "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif; font-size:13px; font-weight:400 } a.counter:hover { text-decoration:underline } .icons { text-align:right; border-bottom:1px solid #CBCBCB; padding:5px 4px 8px 0; margin-bottom:9px } #container1 { float:left; width:100%; border-left:1px solid #9AB2D0; position:relative; right:-170px; background-color:#fff } #col1 { float:left; width:170px; position:relative; left:-170px; overflow:hidden } #col2 { float:left; width:766px; position:relative; left:-170px; overflow:inherit } div#form-wrapper { font-family:"Segoe UI", "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif; position:absolute; top:0; right:0; left:0; bottom:0; padding-top:45px; padding-bottom:20px; vertical-align:top; clear:both } .profiletext { padding:10px 0 0; font-family:'Trebuchet MS', Helvetica, Arial, sans-serif; font-size:13px; font-weight:700 } .usertitle { font-family:'Trebuchet MS', Helvetica, Arial, sans-serif; font-size:13px; font-weight:600 } .colmask { position:relative; clear:both; float:left; background-color:#fff; font-size:13px; font-family:"Segoe UI", "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif; width:952px; overflow:hidden } .gilead-right { padding:9px 12px 12px 11px; font-size:13px; position:relative; line-height:21px } .gilead-left { padding:10px 10px 7px 12px } .body-message { word-wrap: break-word; padding-bottom:9px; padding-right:6px } .body-message img { max-width:750px } .wrap .icons input { width:13px; height:14px; margin:0 0 0 3px; vertical-align:middle; position:relative; top:-3px; *overflow:hidden }</code></pre> <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="wrap" id="post_1"&gt; &lt;div id="container2" style="float:left;"&gt; &lt;div id="container1"&gt; &lt;div id="col1"&gt; &lt;div style="min-height: 140px; padding: 8px 0px 0px 9px;"&gt; &lt;span class="profiletext"&gt;&lt;strong&gt;&lt;a href="/"&gt;&lt;span style="font-weight: bold; color: #4B71A0;"&gt;User One&lt;/span&gt; &lt;/a&gt; &lt;/strong&gt; &lt;/span&gt; &lt;br&gt; &lt;span class="usertitle"&gt;This is a usertitle&lt;/span&gt; &lt;br&gt; &lt;div style="padding-top: 8px;"&gt; &lt;img src="" alt="" title="" width="150" height="20"&gt; &lt;br&gt; &lt;/div&gt; &lt;div style="padding-top: 7px;"&gt; &lt;a href=""&gt;&lt;img src="" alt="" width="150" height="150"&gt;&lt;/a&gt; &lt;/div&gt; &lt;span style="color: #8C8C8C; line-height: 19px;"&gt; &lt;div style="font-size: 12px; padding: 10px 0px 0px 0px;"&gt; Posts: 12,047&lt;br&gt; Joined: November 2003 &lt;br&gt;&lt;br&gt;&lt;/div&gt; &lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;div id="col2"&gt; &lt;div style="width: 100%; font-size: 100%; line-height: 20px; padding: 0px 12px 12px 13px;"&gt; &lt;div class="icons"&gt; &lt;div style="color: #8C8C8C; float: left; padding-top: 5px;"&gt;01-01-2013 00:00 AM &lt;span class="smalltext"&gt;&lt;strong&gt;&lt;a href="" class="counter"&gt;#1&lt;/a&gt;&lt;/strong&gt;&lt;/span&gt; &lt;/div&gt; &lt;div style="padding-top: 2px;"&gt;This space is intended for buttons and tools&lt;/div&gt; &lt;/div&gt; &lt;div class="body-message"&gt;This is an example sentence. This is an example sentence.This is an example sentence.This is an example sentence.This is an example sentence.This is an example sentence.This is an example sentence.This is an example sentence.This is an example sentence.This is an example sentence.This is an example sentence.This is an example sentence.This is an example sentence.This is an example sentence.This is an example sentence.This is an example sentence.This is an example sentence.This is an example sentence.This is an example sentence.This is an example sentence.This is an example sentence.This is an example sentence.This is an example sentence.This is an example sentence.This is an example sentence.This is an example sentence.This is an example sentence.This is an example sentence.This is an example sentence.This is an example sentence.This is an example sentence.This is an example sentence.This is an example sentence.This is an example sentence. &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div style="clear:both"&gt;&lt;/div&gt; &lt;hr size="1" align="left" width="100%" style="margin-left: 13px; background-color: #CBCBCB;"&gt; &lt;div style="width: 750px; line-height: 1.5; padding: 0px 0px 8px 13px;"&gt; &lt;span style="word-wrap: break-word; bottom: 0; left: 0;"&gt; &lt;span style="color: #666666; padding-top: 4px;"&gt;Test signature. &lt;/span&gt; &lt;/span&gt; &lt;/div&gt;</code></pre> </div> </div> </p> <p>I put a clear:both before your signature.</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload