title: Display words nicely without blank space with css
body: <p>Facing troubles to display nicely two words lists aside, inquiring some advises.</p>
  
  <p>What I am looking to do is to display two words list in the screen sides, somewhat as a background cloud, keeping them aligned with the css <code>direction</code> (<em>left to right</em>, <em>right to left</em>)</p>
  
  <p>Using <code>calc</code> or <code>grid</code> doesn't provide something better for me than the following snippet. </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>#suggestL {top:0;left:0;position:fixed;width:32%;direction:rtl ;font-size:9px}
  
  
  #suggestR {top:0;right:0;position:fixed;width:32%;direction:ltr ;font-size:9px}</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id=suggestL&gt;
   &lt;a&gt;STICK&lt;/a&gt; &lt;a&gt;HOUSE&lt;/a&gt; &lt;a&gt;HANDS&lt;/a&gt; &lt;a&gt;WOMAN&lt;/a&gt; &lt;a&gt;WOMEN&lt;/a&gt; &lt;a&gt;BUNNY&lt;/a&gt; &lt;a&gt;BLOND&lt;/a&gt; &lt;a&gt;SHAPE&lt;/a&gt; &lt;a&gt;SWEAT&lt;/a&gt; &lt;a&gt;TREND&lt;/a&gt; &lt;a&gt;PHONE&lt;/a&gt; &lt;a&gt;MARKS&lt;/a&gt; &lt;a&gt;SKULL&lt;/a&gt; &lt;a&gt;ANGER&lt;/a&gt; &lt;a&gt;TEARS&lt;/a&gt; &lt;a&gt;QUILT&lt;/a&gt; &lt;a&gt;TRAIN&lt;/a&gt; &lt;a&gt;ENTRY&lt;/a&gt; &lt;a&gt;QUICK&lt;/a&gt; &lt;a&gt;CAPUT&lt;/a&gt; &lt;a&gt;HORSE&lt;/a&gt; &lt;a&gt;SUPER&lt;/a&gt; &lt;a&gt;SHAFT&lt;/a&gt; &lt;a&gt;DOING&lt;/a&gt; &lt;a&gt;LOTUS&lt;/a&gt; &lt;a&gt;RETURN&lt;/a&gt; &lt;a&gt;LETTER&lt;/a&gt; &lt;a&gt;SQUARE&lt;/a&gt; &lt;a&gt;SYSTEM&lt;/a&gt; &lt;a&gt;DOUBLE&lt;/a&gt; &lt;a&gt;MIDDLE&lt;/a&gt; &lt;a&gt;TURNED&lt;/a&gt; &lt;a&gt;SCRIPT&lt;/a&gt; &lt;a&gt;BARRED&lt;/a&gt; &lt;a&gt;LAMBDA&lt;/a&gt; &lt;a&gt;DENTAL&lt;/a&gt; &lt;a&gt;OGONEK&lt;/a&gt; &lt;a&gt;STROKE&lt;/a&gt; &lt;a&gt;CLOSED&lt;/a&gt; &lt;a&gt;VOICED&lt;/a&gt; &lt;a&gt;RHOTIC&lt;/a&gt; &lt;a&gt;RAISED&lt;/a&gt; &lt;a&gt;ACCENT&lt;/a&gt; &lt;a&gt;BRIDGE&lt;/a&gt; &lt;a&gt;MACRON&lt;/a&gt; &lt;a&gt;EQUALS&lt;/a&gt; &lt;a&gt;ALMOST&lt;/a&gt; &lt;a&gt;ZIGZAG&lt;/a&gt; &lt;a&gt;LUNATE&lt;/a&gt; &lt;a&gt;DOTTED&lt;/a&gt; &lt;a&gt;CURLED&lt;/a&gt; &lt;a&gt;TAILED&lt;/a&gt; &lt;a&gt;LITTLE&lt;/a&gt; &lt;a&gt;GERESH&lt;/a&gt; &lt;a&gt;QARNEY&lt;/a&gt; &lt;a&gt;MERKHA&lt;/a&gt; &lt;a&gt;MASORA&lt;/a&gt; &lt;a&gt;DAGESH&lt;/a&gt; &lt;a&gt;QAMATS&lt;/a&gt; &lt;a&gt;NUMBER&lt;/a&gt; &lt;a&gt;FOURTH&lt;/a&gt; &lt;a&gt;POETIC&lt;/a&gt; &lt;a&gt;ALAYHE&lt;/a&gt; &lt;a&gt;TRIPLE&lt;/a&gt; &lt;a&gt;MADDAH&lt;/a&gt; &lt;a&gt;HAMZAH&lt;/a&gt; 
  &lt;a&gt;DDAHAL&lt;/a&gt; &lt;a&gt;GHUNNA&lt;/a&gt; &lt;a&gt;UIGHUR&lt;/a&gt; &lt;a&gt;KAZAKH&lt;/a&gt; &lt;a&gt;SHADDA&lt;/a&gt; &lt;a&gt;RASOUL&lt;/a&gt; &lt;a&gt;SESAME&lt;/a&gt; &lt;a&gt;DOLLAR&lt;/a&gt; &lt;a&gt;FATHAH&lt;/a&gt; &lt;a&gt;DAMMAH&lt;/a&gt; &lt;a&gt;KASRAH&lt;/a&gt; &lt;a&gt;VESSEL&lt;/a&gt; &lt;a&gt;NINETY&lt;/a&gt; &lt;a&gt;WEIGHT&lt;/a&gt; &lt;a&gt;LIQUID&lt;/a&gt; &lt;a&gt;NAXIAN&lt;/a&gt; &lt;a&gt;THIRDS&lt;/a&gt; &lt;a&gt;TALENT&lt;/a&gt; &lt;a&gt;OUNKIA&lt;/a&gt; &lt;a&gt;XESTES&lt;/a&gt; &lt;a&gt;ARTABE&lt;/a&gt; &lt;a&gt;AROURA&lt;/a&gt; &lt;a&gt;GRAMMA&lt;/a&gt; &lt;a&gt;PLUMED&lt;/a&gt; &lt;a&gt;PERMIC&lt;/a&gt; &lt;a&gt;WITHIN&lt;/a&gt; &lt;a&gt;TURKIC&lt;/a&gt; &lt;a&gt;ORKHON&lt;/a&gt; &lt;a&gt;SANDHI&lt;/a&gt; &lt;a&gt;KISIM5&lt;/a&gt; &lt;a&gt;KASKAL&lt;/a&gt; &lt;a&gt;NINDA2&lt;/a&gt; &lt;a&gt;ILIMMU&lt;/a&gt; &lt;a&gt;SIXTHS&lt;/a&gt; &lt;a&gt;BAHAR2&lt;/a&gt; &lt;a&gt;KUSHU2&lt;/a&gt; &lt;a&gt;SHINDA&lt;/a&gt; &lt;a&gt;NGGUOQ&lt;/a&gt; &lt;a&gt;TXHEEJ&lt;/a&gt; &lt;a&gt;INSIDE&lt;/a&gt; &lt;a&gt;PERNIN&lt;/a&gt; &lt;a&gt;FORMAT&lt;/a&gt; &lt;a&gt;VAREIA&lt;/a&gt; &lt;a&gt;OLIGON&lt;/a&gt; &lt;a&gt;GORGON&lt;/a&gt; &lt;a&gt;OXEIAI&lt;/a&gt; &lt;a&gt;PIASMA&lt;/a&gt; &lt;a&gt;FTHORA&lt;/a&gt; &lt;a&gt;KATAVA&lt;/a&gt; &lt;a&gt;MIKRON&lt;/a&gt; &lt;a&gt;ETERON&lt;/a&gt; &lt;a&gt;SEISMA&lt;/a&gt; &lt;a&gt;KLASMA&lt;/a&gt; &lt;a&gt;LEIMMA&lt;/a&gt; &lt;a&gt;PROTOS&lt;/a&gt; &lt;a&gt;TRITOS&lt;/a&gt; &lt;a&gt;ISAKIA&lt;/a&gt; &lt;a&gt;TELOUS&lt;/a&gt; &lt;a&gt;CHROMA&lt;/a&gt; &lt;a&gt;FHTORA&lt;/a&gt; &lt;a&gt;YFESIS&lt;/a&gt; &lt;a&gt;DIESIS&lt;/a&gt; &lt;a&gt;GENIKI&lt;/a&gt; &lt;a&gt;ARSEOS&lt;/a&gt; &lt;a&gt;BREATH&lt;/a&gt; &lt;a&gt;OTTAVA&lt;/a&gt; &lt;a&gt;COMMON&lt;/a&gt; &lt;a&gt;DEGREE&lt;/a&gt; &lt;a&gt;MINIMA&lt;/a&gt; &lt;a&gt;BREVIS&lt;/a&gt; &lt;a&gt;TEMPUS&lt;/a&gt; &lt;a&gt;KIEVAN&lt;/a&gt;
  &lt;a&gt;QUARTERS&lt;/a&gt; &lt;a&gt;QUADRANT&lt;/a&gt; &lt;a&gt;FROWNING&lt;/a&gt; &lt;a&gt;DRAUGHTS&lt;/a&gt; &lt;a&gt;CROSSING&lt;/a&gt; &lt;a&gt;LOCATION&lt;/a&gt; &lt;a&gt;OUTLINED&lt;/a&gt; &lt;a&gt;PINWHEEL&lt;/a&gt; &lt;a&gt;PETALLED&lt;/a&gt; &lt;a&gt;SHADOWED&lt;/a&gt; 
  &lt;a&gt;S-SHAPED&lt;/a&gt; &lt;a&gt;DIRECTLY&lt;/a&gt; &lt;a&gt;OPERATOR&lt;/a&gt; &lt;a&gt;INTEGRAL&lt;/a&gt; &lt;a&gt;INTERIOR&lt;/a&gt; &lt;a&gt;NEGATION&lt;/a&gt; &lt;a&gt;U-SHAPED&lt;/a&gt; &lt;a&gt;CIRCLING&lt;/a&gt; &lt;a&gt;POSITION&lt;/a&gt; &lt;a&gt;LATINATE&lt;/a&gt; &lt;a&gt;TAILLESS&lt;/a&gt; &lt;a&gt;AKHMIMIC&lt;/a&gt; &lt;a&gt;L-SHAPED&lt;/a&gt; &lt;a&gt;SPIRITUS&lt;/a&gt; &lt;a&gt;BOHAIRIC&lt;/a&gt; &lt;a&gt;INDIRECT&lt;/a&gt; &lt;a&gt;OMISSION&lt;/a&gt; &lt;a&gt;SURROUND&lt;/a&gt; &lt;a&gt;STANDARD&lt;/a&gt; &lt;a&gt;ENTERING&lt;/a&gt;
  &lt;a&gt;POMMEE&lt;/a&gt; &lt;a&gt;THUMBS&lt;/a&gt; &lt;a&gt;FLOPPY&lt;/a&gt; &lt;a&gt;BUTTON&lt;/a&gt; &lt;a&gt;SPEECH&lt;/a&gt; &lt;a&gt;CRYING&lt;/a&gt; &lt;a&gt;BOWING&lt;/a&gt; &lt;a&gt;PERSON&lt;/a&gt; &lt;a&gt;FOLDED&lt;/a&gt; &lt;a&gt;BULLET&lt;/a&gt; &lt;a&gt;POLICE&lt;/a&gt; &lt;a&gt;LITTER&lt;/a&gt; &lt;a&gt;CROCUS&lt;/a&gt; &lt;a&gt;COPPER&lt;/a&gt; &lt;a&gt;SHADED&lt;/a&gt; &lt;a&gt;FORMEE&lt;/a&gt; &lt;a&gt;COWBOY&lt;/a&gt; 
  &lt;/div&gt;
   
  &lt;div id=suggestR&gt;
  &lt;a&gt;HAMZAT&lt;/a&gt; &lt;a&gt;BARREE&lt;/a&gt; &lt;a&gt;CENTRE&lt;/a&gt; &lt;a&gt;FILLED&lt;/a&gt; &lt;a&gt;SINDHI&lt;/a&gt; &lt;a&gt;SKEWED&lt;/a&gt; &lt;a&gt;DALATH&lt;/a&gt; &lt;a&gt;PTHAHA&lt;/a&gt; &lt;a&gt;ZQAPHA&lt;/a&gt; &lt;a&gt;ARABIC&lt;/a&gt; &lt;a&gt;RISING&lt;/a&gt; &lt;a&gt;SYMBOL&lt;/a&gt; &lt;a&gt;CANDRA&lt;/a&gt; &lt;a&gt;STRESS&lt;/a&gt; &lt;a&gt;KHANDA&lt;/a&gt; &lt;a&gt;LENGTH&lt;/a&gt; &lt;a&gt;CIRCLE&lt;/a&gt; &lt;a&gt;CREDIT&lt;/a&gt; &lt;a&gt;POWERS&lt;/a&gt; &lt;a&gt;CHILLU&lt;/a&gt; &lt;a&gt;SINGLE&lt;/a&gt; &lt;a&gt;SPUNGS&lt;/a&gt; &lt;a&gt;-KHYUD&lt;/a&gt; &lt;a&gt;RNYING&lt;/a&gt; &lt;a&gt;SVASTI&lt;/a&gt; &lt;a&gt;MEDIAL&lt;/a&gt; &lt;a&gt;KHAMTI&lt;/a&gt; &lt;a&gt;LABIAL&lt;/a&gt; &lt;a&gt;Y-CREE&lt;/a&gt; &lt;a&gt;BOTTOM&lt;/a&gt; &lt;a&gt;SAYISI&lt;/a&gt; &lt;a&gt;R-CREE&lt;/a&gt; &lt;a&gt;N-CREE&lt;/a&gt; &lt;a&gt;HAGLAZ&lt;/a&gt; &lt;a&gt;NAUDIZ&lt;/a&gt; &lt;a&gt;PERTHO&lt;/a&gt; &lt;a&gt;PEORTH&lt;/a&gt; &lt;a&gt;SOWILO&lt;/a&gt; &lt;a&gt;MANNAZ&lt;/a&gt; &lt;a&gt;LAUKAZ&lt;/a&gt; &lt;a&gt;ARLAUG&lt;/a&gt; &lt;a&gt;FRANKS&lt;/a&gt; &lt;a&gt;CASKET&lt;/a&gt; &lt;a&gt;SAMYOK&lt;/a&gt; &lt;a&gt;CAMNUC&lt;/a&gt; &lt;a&gt;PHNAEK&lt;/a&gt; &lt;a&gt;MANCHU&lt;/a&gt; &lt;a&gt;BEAVER&lt;/a&gt; &lt;a&gt;WIGGLY&lt;/a&gt; &lt;a&gt;STRONG&lt;/a&gt; &lt;a&gt;TALING&lt;/a&gt; &lt;a&gt;ASYURA&lt;/a&gt; &lt;a&gt;KEMPUL&lt;/a&gt; &lt;a&gt;KEMPLI&lt;/a&gt; &lt;a&gt;PAKPAK&lt;/a&gt; &lt;a&gt;THYOOM&lt;/a&gt; &lt;a&gt;TSHOOK&lt;/a&gt; &lt;a&gt;NARROW&lt;/a&gt; &lt;a&gt;UDATTA&lt;/a&gt; &lt;a&gt;RTHANG&lt;/a&gt; &lt;a&gt;KAVYKA&lt;/a&gt; &lt;a&gt;SHEQEL&lt;/a&gt; &lt;a&gt;UPWARD&lt;/a&gt; &lt;a&gt;ITALIC&lt;/a&gt; &lt;a&gt;HEADED&lt;/a&gt; &lt;a&gt;CORNER&lt;/a&gt; &lt;a&gt;PAIRED&lt;/a&gt; &lt;a&gt;DASHED&lt;/a&gt; &lt;a&gt;SUBSET&lt;/a&gt; &lt;a&gt;NORMAL&lt;/a&gt; &lt;a&gt;FACTOR&lt;/a&gt; &lt;a&gt;SQUISH&lt;/a&gt; &lt;a&gt;H-TYPE&lt;/a&gt; &lt;a&gt;L-TYPE&lt;/a&gt; &lt;a&gt;SCREEN&lt;/a&gt; &lt;a&gt;SHORTS&lt;/a&gt; &lt;a&gt;MEDIUM&lt;/a&gt; &lt;a&gt;ON-OFF&lt;/a&gt; &lt;a&gt;DEVICE&lt;/a&gt; &lt;a&gt;RECORD&lt;/a&gt; &lt;a&gt;DELETE&lt;/a&gt; &lt;a&gt;BRANCH&lt;/a&gt; &lt;a&gt;AMOUNT&lt;/a&gt; &lt;a&gt;ELEVEN&lt;/a&gt; &lt;a&gt;TWELVE&lt;/a&gt; &lt;a&gt;TWENTY&lt;/a&gt; &lt;a&gt;EIGHTH&lt;/a&gt; &lt;a&gt;FLORAL&lt;/a&gt; &lt;a&gt;SYRIAC&lt;/a&gt; &lt;a&gt;TYPE-1&lt;/a&gt; &lt;a&gt;TYPE-2&lt;/a&gt; &lt;a&gt;TYPE-3&lt;/a&gt; &lt;a&gt;TYPE-4&lt;/a&gt; &lt;a&gt;TYPE-5&lt;/a&gt; &lt;a&gt;TYPE-6&lt;/a&gt; &lt;a&gt;TYPE-7&lt;/a&gt; &lt;a&gt;LESSER&lt;/a&gt; &lt;a&gt;FEMALE&lt;/a&gt; &lt;a&gt;BEHIND&lt;/a&gt; &lt;a&gt;SAFETY&lt;/a&gt; &lt;a&gt;BALLOT&lt;/a&gt; &lt;a&gt;CENTER&lt;/a&gt; &lt;a&gt;SPOKED&lt;/a&gt; &lt;a&gt;CURVED&lt;/a&gt; &lt;a&gt;GAPPED&lt;/a&gt; &lt;a&gt;BESIDE&lt;/a&gt; &lt;a&gt;ENDING&lt;/a&gt; &lt;a&gt;JOINED&lt;/a&gt; &lt;a&gt;SERIFS&lt;/a&gt; &lt;a&gt;AROUND&lt;/a&gt; &lt;a&gt;SCHEMA&lt;/a&gt; &lt;a&gt;DOMAIN&lt;/a&gt; &lt;a&gt;NESTED&lt;/a&gt; &lt;a&gt;MEMBER&lt;/a&gt; &lt;a&gt;DIVIDE&lt;/a&gt; &lt;a&gt;BINARY&lt;/a&gt; &lt;a&gt;HOOKED&lt;/a&gt; &lt;a&gt;ARROWS&lt;/a&gt; &lt;a&gt;COPTIC&lt;/a&gt; &lt;a&gt;NUBIAN&lt;/a&gt; &lt;a&gt;DIRECT&lt;/a&gt; &lt;a&gt;BERBER&lt;/a&gt; &lt;a&gt;TUAREG&lt;/a&gt; &lt;a&gt;FORKED&lt;/a&gt; &lt;a&gt;SECOND&lt;/a&gt; &lt;a&gt;SPIRIT&lt;/a&gt; &lt;a&gt;TANNED&lt;/a&gt; &lt;a&gt;HIDING&lt;/a&gt; &lt;a&gt;REPEAT&lt;/a&gt; &lt;a&gt;POSTAL&lt;/a&gt; &lt;a&gt;GIYEOG&lt;/a&gt; &lt;a&gt;YEOLIN&lt;/a&gt; &lt;a&gt;GYEONG&lt;/a&gt; &lt;a&gt;HEAVEN&lt;/a&gt; &lt;a&gt;HANGUL&lt;/a&gt; &lt;a&gt;KIYEOK&lt;/a&gt; &lt;a&gt;TIKEUT&lt;/a&gt; &lt;a&gt;KOREAN&lt;/a&gt; &lt;a&gt;THIRTY&lt;/a&gt; &lt;a&gt;EIGHTY&lt;/a&gt; &lt;a&gt;BITING&lt;/a&gt; &lt;a&gt;COMING&lt;/a&gt; &lt;a&gt;GENTLE&lt;/a&gt; &lt;a&gt;JOYOUS&lt;/a&gt; &lt;a&gt;BEFORE&lt;/a&gt; &lt;a&gt;BROKEN&lt;/a&gt; &lt;a&gt;POETRY&lt;/a&gt; &lt;a&gt;OPEN-O&lt;/a&gt; &lt;a&gt;SAMEKH&lt;/a&gt; &lt;a&gt;TTEHEH&lt;/a&gt;  &lt;a&gt;HINGED&lt;/a&gt; &lt;a&gt;SPREAD&lt;/a&gt; &lt;a&gt;CUPPED&lt;/a&gt; &lt;a&gt;ANGLED&lt;/a&gt; &lt;a&gt;RIPPLE&lt;/a&gt; &lt;a&gt;OTHERS&lt;/a&gt; &lt;a&gt;STRIKE&lt;/a&gt; &lt;a&gt;FINGER&lt;/a&gt; &lt;a&gt;SPIRAL&lt;/a&gt; &lt;a&gt;DREAMY&lt;/a&gt; &lt;a&gt;CHEEKS&lt;/a&gt; &lt;a&gt;TONGUE&lt;/a&gt; &lt;a&gt;LOOPED&lt;/a&gt; &lt;a&gt;KNIGHT&lt;/a&gt; &lt;a&gt;BOTTLE&lt;/a&gt; &lt;a&gt;HOCKEY&lt;/a&gt; &lt;a&gt;TENNIS&lt;/a&gt; &lt;a&gt;PADDLE&lt;/a&gt; &lt;a&gt;CAPPED&lt;/a&gt; &lt;a&gt;TELLER&lt;/a&gt; &lt;a&gt;POINTS&lt;/a&gt; &lt;a&gt;FACING&lt;/a&gt; &lt;a&gt;MOBILE&lt;/a&gt; &lt;a&gt;ORANGE&lt;/a&gt;
  &lt;a&gt;CLINGING&lt;/a&gt; &lt;a&gt;AROUSING&lt;/a&gt; &lt;a&gt;MARRYING&lt;/a&gt; &lt;a&gt;SQUIRREL&lt;/a&gt; &lt;a&gt;QUANTITY&lt;/a&gt; &lt;a&gt;LOGOGRAM&lt;/a&gt; &lt;a&gt;BASELINE&lt;/a&gt; &lt;a&gt;DAMMATAN&lt;/a&gt; &lt;a&gt;KASRATAN&lt;/a&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Using a <strong>monospace font</strong> provide something close to what I am looking for:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>#suggestL {top:0;left:0;position:fixed;width:32%;direction:rtl ;font-size:9px;font-family:monospace}
  
  
  #suggestR {top:0;right:0;position:fixed;width:32%;direction:ltr ;font-size:9px;font-family:monospace}</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id=suggestL&gt;
   &lt;a&gt;STICK&lt;/a&gt; &lt;a&gt;HOUSE&lt;/a&gt; &lt;a&gt;HANDS&lt;/a&gt; &lt;a&gt;WOMAN&lt;/a&gt; &lt;a&gt;WOMEN&lt;/a&gt; &lt;a&gt;BUNNY&lt;/a&gt; &lt;a&gt;BLOND&lt;/a&gt; &lt;a&gt;SHAPE&lt;/a&gt; &lt;a&gt;SWEAT&lt;/a&gt; &lt;a&gt;TREND&lt;/a&gt; &lt;a&gt;PHONE&lt;/a&gt; &lt;a&gt;MARKS&lt;/a&gt; &lt;a&gt;SKULL&lt;/a&gt; &lt;a&gt;ANGER&lt;/a&gt; &lt;a&gt;TEARS&lt;/a&gt; &lt;a&gt;QUILT&lt;/a&gt; &lt;a&gt;TRAIN&lt;/a&gt; &lt;a&gt;ENTRY&lt;/a&gt; &lt;a&gt;QUICK&lt;/a&gt; &lt;a&gt;CAPUT&lt;/a&gt; &lt;a&gt;HORSE&lt;/a&gt; &lt;a&gt;SUPER&lt;/a&gt; &lt;a&gt;SHAFT&lt;/a&gt; &lt;a&gt;DOING&lt;/a&gt; &lt;a&gt;LOTUS&lt;/a&gt; &lt;a&gt;RETURN&lt;/a&gt; &lt;a&gt;LETTER&lt;/a&gt; &lt;a&gt;SQUARE&lt;/a&gt; &lt;a&gt;SYSTEM&lt;/a&gt; &lt;a&gt;DOUBLE&lt;/a&gt; &lt;a&gt;MIDDLE&lt;/a&gt; &lt;a&gt;TURNED&lt;/a&gt; &lt;a&gt;SCRIPT&lt;/a&gt; &lt;a&gt;BARRED&lt;/a&gt; &lt;a&gt;LAMBDA&lt;/a&gt; &lt;a&gt;DENTAL&lt;/a&gt; &lt;a&gt;OGONEK&lt;/a&gt; &lt;a&gt;STROKE&lt;/a&gt; &lt;a&gt;CLOSED&lt;/a&gt; &lt;a&gt;VOICED&lt;/a&gt; &lt;a&gt;RHOTIC&lt;/a&gt; &lt;a&gt;RAISED&lt;/a&gt; &lt;a&gt;ACCENT&lt;/a&gt; &lt;a&gt;BRIDGE&lt;/a&gt; &lt;a&gt;MACRON&lt;/a&gt; &lt;a&gt;EQUALS&lt;/a&gt; &lt;a&gt;ALMOST&lt;/a&gt; &lt;a&gt;ZIGZAG&lt;/a&gt; &lt;a&gt;LUNATE&lt;/a&gt; &lt;a&gt;DOTTED&lt;/a&gt; &lt;a&gt;CURLED&lt;/a&gt; &lt;a&gt;TAILED&lt;/a&gt; &lt;a&gt;LITTLE&lt;/a&gt; &lt;a&gt;GERESH&lt;/a&gt; &lt;a&gt;QARNEY&lt;/a&gt; &lt;a&gt;MERKHA&lt;/a&gt; &lt;a&gt;MASORA&lt;/a&gt; &lt;a&gt;DAGESH&lt;/a&gt; &lt;a&gt;QAMATS&lt;/a&gt; &lt;a&gt;NUMBER&lt;/a&gt; &lt;a&gt;FOURTH&lt;/a&gt; &lt;a&gt;POETIC&lt;/a&gt; &lt;a&gt;ALAYHE&lt;/a&gt; &lt;a&gt;TRIPLE&lt;/a&gt; &lt;a&gt;MADDAH&lt;/a&gt; &lt;a&gt;HAMZAH&lt;/a&gt; 
  &lt;a&gt;DDAHAL&lt;/a&gt; &lt;a&gt;GHUNNA&lt;/a&gt; &lt;a&gt;UIGHUR&lt;/a&gt; &lt;a&gt;KAZAKH&lt;/a&gt; &lt;a&gt;SHADDA&lt;/a&gt; &lt;a&gt;RASOUL&lt;/a&gt; &lt;a&gt;SESAME&lt;/a&gt; &lt;a&gt;DOLLAR&lt;/a&gt; &lt;a&gt;FATHAH&lt;/a&gt; &lt;a&gt;DAMMAH&lt;/a&gt; &lt;a&gt;KASRAH&lt;/a&gt; &lt;a&gt;VESSEL&lt;/a&gt; &lt;a&gt;NINETY&lt;/a&gt; &lt;a&gt;WEIGHT&lt;/a&gt; &lt;a&gt;LIQUID&lt;/a&gt; &lt;a&gt;NAXIAN&lt;/a&gt; &lt;a&gt;THIRDS&lt;/a&gt; &lt;a&gt;TALENT&lt;/a&gt; &lt;a&gt;OUNKIA&lt;/a&gt; &lt;a&gt;XESTES&lt;/a&gt; &lt;a&gt;ARTABE&lt;/a&gt; &lt;a&gt;AROURA&lt;/a&gt; &lt;a&gt;GRAMMA&lt;/a&gt; &lt;a&gt;PLUMED&lt;/a&gt; &lt;a&gt;PERMIC&lt;/a&gt; &lt;a&gt;WITHIN&lt;/a&gt; &lt;a&gt;TURKIC&lt;/a&gt; &lt;a&gt;ORKHON&lt;/a&gt; &lt;a&gt;SANDHI&lt;/a&gt; &lt;a&gt;KISIM5&lt;/a&gt; &lt;a&gt;KASKAL&lt;/a&gt; &lt;a&gt;NINDA2&lt;/a&gt; &lt;a&gt;ILIMMU&lt;/a&gt; &lt;a&gt;SIXTHS&lt;/a&gt; &lt;a&gt;BAHAR2&lt;/a&gt; &lt;a&gt;KUSHU2&lt;/a&gt; &lt;a&gt;SHINDA&lt;/a&gt; &lt;a&gt;NGGUOQ&lt;/a&gt; &lt;a&gt;TXHEEJ&lt;/a&gt; &lt;a&gt;INSIDE&lt;/a&gt; &lt;a&gt;PERNIN&lt;/a&gt; &lt;a&gt;FORMAT&lt;/a&gt; &lt;a&gt;VAREIA&lt;/a&gt; &lt;a&gt;OLIGON&lt;/a&gt; &lt;a&gt;GORGON&lt;/a&gt; &lt;a&gt;OXEIAI&lt;/a&gt; &lt;a&gt;PIASMA&lt;/a&gt; &lt;a&gt;FTHORA&lt;/a&gt; &lt;a&gt;KATAVA&lt;/a&gt; &lt;a&gt;MIKRON&lt;/a&gt; &lt;a&gt;ETERON&lt;/a&gt; &lt;a&gt;SEISMA&lt;/a&gt; &lt;a&gt;KLASMA&lt;/a&gt; &lt;a&gt;LEIMMA&lt;/a&gt; &lt;a&gt;PROTOS&lt;/a&gt; &lt;a&gt;TRITOS&lt;/a&gt; &lt;a&gt;ISAKIA&lt;/a&gt; &lt;a&gt;TELOUS&lt;/a&gt; &lt;a&gt;CHROMA&lt;/a&gt; &lt;a&gt;FHTORA&lt;/a&gt; &lt;a&gt;YFESIS&lt;/a&gt; &lt;a&gt;DIESIS&lt;/a&gt; &lt;a&gt;GENIKI&lt;/a&gt; &lt;a&gt;ARSEOS&lt;/a&gt; &lt;a&gt;BREATH&lt;/a&gt; &lt;a&gt;OTTAVA&lt;/a&gt; &lt;a&gt;COMMON&lt;/a&gt; &lt;a&gt;DEGREE&lt;/a&gt; &lt;a&gt;MINIMA&lt;/a&gt; &lt;a&gt;BREVIS&lt;/a&gt; &lt;a&gt;TEMPUS&lt;/a&gt; &lt;a&gt;KIEVAN&lt;/a&gt;
  &lt;a&gt;QUARTERS&lt;/a&gt; &lt;a&gt;QUADRANT&lt;/a&gt; &lt;a&gt;FROWNING&lt;/a&gt; &lt;a&gt;DRAUGHTS&lt;/a&gt; &lt;a&gt;CROSSING&lt;/a&gt; &lt;a&gt;LOCATION&lt;/a&gt; &lt;a&gt;OUTLINED&lt;/a&gt; &lt;a&gt;PINWHEEL&lt;/a&gt; &lt;a&gt;PETALLED&lt;/a&gt; &lt;a&gt;SHADOWED&lt;/a&gt; 
  &lt;a&gt;S-SHAPED&lt;/a&gt; &lt;a&gt;DIRECTLY&lt;/a&gt; &lt;a&gt;OPERATOR&lt;/a&gt; &lt;a&gt;INTEGRAL&lt;/a&gt; &lt;a&gt;INTERIOR&lt;/a&gt; &lt;a&gt;NEGATION&lt;/a&gt; &lt;a&gt;U-SHAPED&lt;/a&gt; &lt;a&gt;CIRCLING&lt;/a&gt; &lt;a&gt;POSITION&lt;/a&gt; &lt;a&gt;LATINATE&lt;/a&gt; &lt;a&gt;TAILLESS&lt;/a&gt; &lt;a&gt;AKHMIMIC&lt;/a&gt; &lt;a&gt;L-SHAPED&lt;/a&gt; &lt;a&gt;SPIRITUS&lt;/a&gt; &lt;a&gt;BOHAIRIC&lt;/a&gt; &lt;a&gt;INDIRECT&lt;/a&gt; &lt;a&gt;OMISSION&lt;/a&gt; &lt;a&gt;SURROUND&lt;/a&gt; &lt;a&gt;STANDARD&lt;/a&gt; &lt;a&gt;ENTERING&lt;/a&gt;
  &lt;a&gt;POMMEE&lt;/a&gt; &lt;a&gt;THUMBS&lt;/a&gt; &lt;a&gt;FLOPPY&lt;/a&gt; &lt;a&gt;BUTTON&lt;/a&gt; &lt;a&gt;SPEECH&lt;/a&gt; &lt;a&gt;CRYING&lt;/a&gt; &lt;a&gt;BOWING&lt;/a&gt; &lt;a&gt;PERSON&lt;/a&gt; &lt;a&gt;FOLDED&lt;/a&gt; &lt;a&gt;BULLET&lt;/a&gt; &lt;a&gt;POLICE&lt;/a&gt; &lt;a&gt;LITTER&lt;/a&gt; &lt;a&gt;CROCUS&lt;/a&gt; &lt;a&gt;COPPER&lt;/a&gt; &lt;a&gt;SHADED&lt;/a&gt; &lt;a&gt;FORMEE&lt;/a&gt; &lt;a&gt;COWBOY&lt;/a&gt; 
  &lt;/div&gt;
   
  &lt;div id=suggestR&gt;
  &lt;a&gt;HAMZAT&lt;/a&gt; &lt;a&gt;BARREE&lt;/a&gt; &lt;a&gt;CENTRE&lt;/a&gt; &lt;a&gt;FILLED&lt;/a&gt; &lt;a&gt;SINDHI&lt;/a&gt; &lt;a&gt;SKEWED&lt;/a&gt; &lt;a&gt;DALATH&lt;/a&gt; &lt;a&gt;PTHAHA&lt;/a&gt; &lt;a&gt;ZQAPHA&lt;/a&gt; &lt;a&gt;ARABIC&lt;/a&gt; &lt;a&gt;RISING&lt;/a&gt; &lt;a&gt;SYMBOL&lt;/a&gt; &lt;a&gt;CANDRA&lt;/a&gt; &lt;a&gt;STRESS&lt;/a&gt; &lt;a&gt;KHANDA&lt;/a&gt; &lt;a&gt;LENGTH&lt;/a&gt; &lt;a&gt;CIRCLE&lt;/a&gt; &lt;a&gt;CREDIT&lt;/a&gt; &lt;a&gt;POWERS&lt;/a&gt; &lt;a&gt;CHILLU&lt;/a&gt; &lt;a&gt;SINGLE&lt;/a&gt; &lt;a&gt;SPUNGS&lt;/a&gt; &lt;a&gt;-KHYUD&lt;/a&gt; &lt;a&gt;RNYING&lt;/a&gt; &lt;a&gt;SVASTI&lt;/a&gt; &lt;a&gt;MEDIAL&lt;/a&gt; &lt;a&gt;KHAMTI&lt;/a&gt; &lt;a&gt;LABIAL&lt;/a&gt; &lt;a&gt;Y-CREE&lt;/a&gt; &lt;a&gt;BOTTOM&lt;/a&gt; &lt;a&gt;SAYISI&lt;/a&gt; &lt;a&gt;R-CREE&lt;/a&gt; &lt;a&gt;N-CREE&lt;/a&gt; &lt;a&gt;HAGLAZ&lt;/a&gt; &lt;a&gt;NAUDIZ&lt;/a&gt; &lt;a&gt;PERTHO&lt;/a&gt; &lt;a&gt;PEORTH&lt;/a&gt; &lt;a&gt;SOWILO&lt;/a&gt; &lt;a&gt;MANNAZ&lt;/a&gt; &lt;a&gt;LAUKAZ&lt;/a&gt; &lt;a&gt;ARLAUG&lt;/a&gt; &lt;a&gt;FRANKS&lt;/a&gt; &lt;a&gt;CASKET&lt;/a&gt; &lt;a&gt;SAMYOK&lt;/a&gt; &lt;a&gt;CAMNUC&lt;/a&gt; &lt;a&gt;PHNAEK&lt;/a&gt; &lt;a&gt;MANCHU&lt;/a&gt; &lt;a&gt;BEAVER&lt;/a&gt; &lt;a&gt;WIGGLY&lt;/a&gt; &lt;a&gt;STRONG&lt;/a&gt; &lt;a&gt;TALING&lt;/a&gt; &lt;a&gt;ASYURA&lt;/a&gt; &lt;a&gt;KEMPUL&lt;/a&gt; &lt;a&gt;KEMPLI&lt;/a&gt; &lt;a&gt;PAKPAK&lt;/a&gt; &lt;a&gt;THYOOM&lt;/a&gt; &lt;a&gt;TSHOOK&lt;/a&gt; &lt;a&gt;NARROW&lt;/a&gt; &lt;a&gt;UDATTA&lt;/a&gt; &lt;a&gt;RTHANG&lt;/a&gt; &lt;a&gt;KAVYKA&lt;/a&gt; &lt;a&gt;SHEQEL&lt;/a&gt; &lt;a&gt;UPWARD&lt;/a&gt; &lt;a&gt;ITALIC&lt;/a&gt; &lt;a&gt;HEADED&lt;/a&gt; &lt;a&gt;CORNER&lt;/a&gt; &lt;a&gt;PAIRED&lt;/a&gt; &lt;a&gt;DASHED&lt;/a&gt; &lt;a&gt;SUBSET&lt;/a&gt; &lt;a&gt;NORMAL&lt;/a&gt; &lt;a&gt;FACTOR&lt;/a&gt; &lt;a&gt;SQUISH&lt;/a&gt; &lt;a&gt;H-TYPE&lt;/a&gt; &lt;a&gt;L-TYPE&lt;/a&gt; &lt;a&gt;SCREEN&lt;/a&gt; &lt;a&gt;SHORTS&lt;/a&gt; &lt;a&gt;MEDIUM&lt;/a&gt; &lt;a&gt;ON-OFF&lt;/a&gt; &lt;a&gt;DEVICE&lt;/a&gt; &lt;a&gt;RECORD&lt;/a&gt; &lt;a&gt;DELETE&lt;/a&gt; &lt;a&gt;BRANCH&lt;/a&gt; &lt;a&gt;AMOUNT&lt;/a&gt; &lt;a&gt;ELEVEN&lt;/a&gt; &lt;a&gt;TWELVE&lt;/a&gt; &lt;a&gt;TWENTY&lt;/a&gt; &lt;a&gt;EIGHTH&lt;/a&gt; &lt;a&gt;FLORAL&lt;/a&gt; &lt;a&gt;SYRIAC&lt;/a&gt; &lt;a&gt;TYPE-1&lt;/a&gt; &lt;a&gt;TYPE-2&lt;/a&gt; &lt;a&gt;TYPE-3&lt;/a&gt; &lt;a&gt;TYPE-4&lt;/a&gt; &lt;a&gt;TYPE-5&lt;/a&gt; &lt;a&gt;TYPE-6&lt;/a&gt; &lt;a&gt;TYPE-7&lt;/a&gt; &lt;a&gt;LESSER&lt;/a&gt; &lt;a&gt;FEMALE&lt;/a&gt; &lt;a&gt;BEHIND&lt;/a&gt; &lt;a&gt;SAFETY&lt;/a&gt; &lt;a&gt;BALLOT&lt;/a&gt; &lt;a&gt;CENTER&lt;/a&gt; &lt;a&gt;SPOKED&lt;/a&gt; &lt;a&gt;CURVED&lt;/a&gt; &lt;a&gt;GAPPED&lt;/a&gt; &lt;a&gt;BESIDE&lt;/a&gt; &lt;a&gt;ENDING&lt;/a&gt; &lt;a&gt;JOINED&lt;/a&gt; &lt;a&gt;SERIFS&lt;/a&gt; &lt;a&gt;AROUND&lt;/a&gt; &lt;a&gt;SCHEMA&lt;/a&gt; &lt;a&gt;DOMAIN&lt;/a&gt; &lt;a&gt;NESTED&lt;/a&gt; &lt;a&gt;MEMBER&lt;/a&gt; &lt;a&gt;DIVIDE&lt;/a&gt; &lt;a&gt;BINARY&lt;/a&gt; &lt;a&gt;HOOKED&lt;/a&gt; &lt;a&gt;ARROWS&lt;/a&gt; &lt;a&gt;COPTIC&lt;/a&gt; &lt;a&gt;NUBIAN&lt;/a&gt; &lt;a&gt;DIRECT&lt;/a&gt; &lt;a&gt;BERBER&lt;/a&gt; &lt;a&gt;TUAREG&lt;/a&gt; &lt;a&gt;FORKED&lt;/a&gt; &lt;a&gt;SECOND&lt;/a&gt; &lt;a&gt;SPIRIT&lt;/a&gt; &lt;a&gt;TANNED&lt;/a&gt; &lt;a&gt;HIDING&lt;/a&gt; &lt;a&gt;REPEAT&lt;/a&gt; &lt;a&gt;POSTAL&lt;/a&gt; &lt;a&gt;GIYEOG&lt;/a&gt; &lt;a&gt;YEOLIN&lt;/a&gt; &lt;a&gt;GYEONG&lt;/a&gt; &lt;a&gt;HEAVEN&lt;/a&gt; &lt;a&gt;HANGUL&lt;/a&gt; &lt;a&gt;KIYEOK&lt;/a&gt; &lt;a&gt;TIKEUT&lt;/a&gt; &lt;a&gt;KOREAN&lt;/a&gt; &lt;a&gt;THIRTY&lt;/a&gt; &lt;a&gt;EIGHTY&lt;/a&gt; &lt;a&gt;BITING&lt;/a&gt; &lt;a&gt;COMING&lt;/a&gt; &lt;a&gt;GENTLE&lt;/a&gt; &lt;a&gt;JOYOUS&lt;/a&gt; &lt;a&gt;BEFORE&lt;/a&gt; &lt;a&gt;BROKEN&lt;/a&gt; &lt;a&gt;POETRY&lt;/a&gt; &lt;a&gt;OPEN-O&lt;/a&gt; &lt;a&gt;SAMEKH&lt;/a&gt; &lt;a&gt;TTEHEH&lt;/a&gt;  &lt;a&gt;HINGED&lt;/a&gt; &lt;a&gt;SPREAD&lt;/a&gt; &lt;a&gt;CUPPED&lt;/a&gt; &lt;a&gt;ANGLED&lt;/a&gt; &lt;a&gt;RIPPLE&lt;/a&gt; &lt;a&gt;OTHERS&lt;/a&gt; &lt;a&gt;STRIKE&lt;/a&gt; &lt;a&gt;FINGER&lt;/a&gt; &lt;a&gt;SPIRAL&lt;/a&gt; &lt;a&gt;DREAMY&lt;/a&gt; &lt;a&gt;CHEEKS&lt;/a&gt; &lt;a&gt;TONGUE&lt;/a&gt; &lt;a&gt;LOOPED&lt;/a&gt; &lt;a&gt;KNIGHT&lt;/a&gt; &lt;a&gt;BOTTLE&lt;/a&gt; &lt;a&gt;HOCKEY&lt;/a&gt; &lt;a&gt;TENNIS&lt;/a&gt; &lt;a&gt;PADDLE&lt;/a&gt; &lt;a&gt;CAPPED&lt;/a&gt; &lt;a&gt;TELLER&lt;/a&gt; &lt;a&gt;POINTS&lt;/a&gt; &lt;a&gt;FACING&lt;/a&gt; &lt;a&gt;MOBILE&lt;/a&gt; &lt;a&gt;ORANGE&lt;/a&gt;
  &lt;a&gt;CLINGING&lt;/a&gt; &lt;a&gt;AROUSING&lt;/a&gt; &lt;a&gt;MARRYING&lt;/a&gt; &lt;a&gt;SQUIRREL&lt;/a&gt; &lt;a&gt;QUANTITY&lt;/a&gt; &lt;a&gt;LOGOGRAM&lt;/a&gt; &lt;a&gt;BASELINE&lt;/a&gt; &lt;a&gt;DAMMATAN&lt;/a&gt; &lt;a&gt;KASRATAN&lt;/a&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>As you had maybe guessed with this two examples, I am looking to avoid any blank spaces in the columns. </p>
  
  <p>My word list has different word length, but words can be melted. </p>
  
  <p>What are the simplest possibility here, beside adjusting the margins with a negative value, which would be hiding some words from the offset?</p>
  
  <p>*No blank spaces into the word lists, this is what I am looking to do while keeping the whole list <em>on screen</em>:*</p>
  
  <p><a href="https://i.stack.imgur.com/QrKdg.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/QrKdg.png" alt="enter image description here"></a></p>
  
  <p>Is css is <em>off limit</em> for this, should I make some wizardry with javascript, word length sorting, pixel offset calculation, while taking care of responsiveness (..)?</p>
  
  <p><strong>Resolved,very simply, thanks everyone!</strong></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>#suggestL {top:0;left:0;position:fixed;width:32%;direction:rtl ;font-size:9px;font-family:monospace; text-align: justify}
  
  
  #suggestR {top:0;right:0;position:fixed;width:32%;direction:ltr ;font-size:9px;font-family:monospace; text-align: justify}</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id=suggestL&gt;
   &lt;a&gt;STICK&lt;/a&gt; &lt;a&gt;HOUSE&lt;/a&gt; &lt;a&gt;HANDS&lt;/a&gt; &lt;a&gt;WOMAN&lt;/a&gt; &lt;a&gt;WOMEN&lt;/a&gt; &lt;a&gt;BUNNY&lt;/a&gt; &lt;a&gt;BLOND&lt;/a&gt; &lt;a&gt;SHAPE&lt;/a&gt; &lt;a&gt;SWEAT&lt;/a&gt; &lt;a&gt;TREND&lt;/a&gt; &lt;a&gt;PHONE&lt;/a&gt; &lt;a&gt;MARKS&lt;/a&gt; &lt;a&gt;SKULL&lt;/a&gt; &lt;a&gt;ANGER&lt;/a&gt; &lt;a&gt;TEARS&lt;/a&gt; &lt;a&gt;QUILT&lt;/a&gt; &lt;a&gt;TRAIN&lt;/a&gt; &lt;a&gt;ENTRY&lt;/a&gt; &lt;a&gt;QUICK&lt;/a&gt; &lt;a&gt;CAPUT&lt;/a&gt; &lt;a&gt;HORSE&lt;/a&gt; &lt;a&gt;SUPER&lt;/a&gt; &lt;a&gt;SHAFT&lt;/a&gt; &lt;a&gt;DOING&lt;/a&gt; &lt;a&gt;LOTUS&lt;/a&gt; &lt;a&gt;RETURN&lt;/a&gt; &lt;a&gt;LETTER&lt;/a&gt; &lt;a&gt;SQUARE&lt;/a&gt; &lt;a&gt;SYSTEM&lt;/a&gt; &lt;a&gt;DOUBLE&lt;/a&gt; &lt;a&gt;MIDDLE&lt;/a&gt; &lt;a&gt;TURNED&lt;/a&gt; &lt;a&gt;SCRIPT&lt;/a&gt; &lt;a&gt;BARRED&lt;/a&gt; &lt;a&gt;LAMBDA&lt;/a&gt; &lt;a&gt;DENTAL&lt;/a&gt; &lt;a&gt;OGONEK&lt;/a&gt; &lt;a&gt;STROKE&lt;/a&gt; &lt;a&gt;CLOSED&lt;/a&gt; &lt;a&gt;VOICED&lt;/a&gt; &lt;a&gt;RHOTIC&lt;/a&gt; &lt;a&gt;RAISED&lt;/a&gt; &lt;a&gt;ACCENT&lt;/a&gt; &lt;a&gt;BRIDGE&lt;/a&gt; &lt;a&gt;MACRON&lt;/a&gt; &lt;a&gt;EQUALS&lt;/a&gt; &lt;a&gt;ALMOST&lt;/a&gt; &lt;a&gt;ZIGZAG&lt;/a&gt; &lt;a&gt;LUNATE&lt;/a&gt; &lt;a&gt;DOTTED&lt;/a&gt; &lt;a&gt;CURLED&lt;/a&gt; &lt;a&gt;TAILED&lt;/a&gt; &lt;a&gt;LITTLE&lt;/a&gt; &lt;a&gt;GERESH&lt;/a&gt; &lt;a&gt;QARNEY&lt;/a&gt; &lt;a&gt;MERKHA&lt;/a&gt; &lt;a&gt;MASORA&lt;/a&gt; &lt;a&gt;DAGESH&lt;/a&gt; &lt;a&gt;QAMATS&lt;/a&gt; &lt;a&gt;NUMBER&lt;/a&gt; &lt;a&gt;FOURTH&lt;/a&gt; &lt;a&gt;POETIC&lt;/a&gt; &lt;a&gt;ALAYHE&lt;/a&gt; &lt;a&gt;TRIPLE&lt;/a&gt; &lt;a&gt;MADDAH&lt;/a&gt; &lt;a&gt;HAMZAH&lt;/a&gt; 
  &lt;a&gt;DDAHAL&lt;/a&gt; &lt;a&gt;GHUNNA&lt;/a&gt; &lt;a&gt;UIGHUR&lt;/a&gt; &lt;a&gt;KAZAKH&lt;/a&gt; &lt;a&gt;SHADDA&lt;/a&gt; &lt;a&gt;RASOUL&lt;/a&gt; &lt;a&gt;SESAME&lt;/a&gt; &lt;a&gt;DOLLAR&lt;/a&gt; &lt;a&gt;FATHAH&lt;/a&gt; &lt;a&gt;DAMMAH&lt;/a&gt; &lt;a&gt;KASRAH&lt;/a&gt; &lt;a&gt;VESSEL&lt;/a&gt; &lt;a&gt;NINETY&lt;/a&gt; &lt;a&gt;WEIGHT&lt;/a&gt; &lt;a&gt;LIQUID&lt;/a&gt; &lt;a&gt;NAXIAN&lt;/a&gt; &lt;a&gt;THIRDS&lt;/a&gt; &lt;a&gt;TALENT&lt;/a&gt; &lt;a&gt;OUNKIA&lt;/a&gt; &lt;a&gt;XESTES&lt;/a&gt; &lt;a&gt;ARTABE&lt;/a&gt; &lt;a&gt;AROURA&lt;/a&gt; &lt;a&gt;GRAMMA&lt;/a&gt; &lt;a&gt;PLUMED&lt;/a&gt; &lt;a&gt;PERMIC&lt;/a&gt; &lt;a&gt;WITHIN&lt;/a&gt; &lt;a&gt;TURKIC&lt;/a&gt; &lt;a&gt;ORKHON&lt;/a&gt; &lt;a&gt;SANDHI&lt;/a&gt; &lt;a&gt;KISIM5&lt;/a&gt; &lt;a&gt;KASKAL&lt;/a&gt; &lt;a&gt;NINDA2&lt;/a&gt; &lt;a&gt;ILIMMU&lt;/a&gt; &lt;a&gt;SIXTHS&lt;/a&gt; &lt;a&gt;BAHAR2&lt;/a&gt; &lt;a&gt;KUSHU2&lt;/a&gt; &lt;a&gt;SHINDA&lt;/a&gt; &lt;a&gt;NGGUOQ&lt;/a&gt; &lt;a&gt;TXHEEJ&lt;/a&gt; &lt;a&gt;INSIDE&lt;/a&gt; &lt;a&gt;PERNIN&lt;/a&gt; &lt;a&gt;FORMAT&lt;/a&gt; &lt;a&gt;VAREIA&lt;/a&gt; &lt;a&gt;OLIGON&lt;/a&gt; &lt;a&gt;GORGON&lt;/a&gt; &lt;a&gt;OXEIAI&lt;/a&gt; &lt;a&gt;PIASMA&lt;/a&gt; &lt;a&gt;FTHORA&lt;/a&gt; &lt;a&gt;KATAVA&lt;/a&gt; &lt;a&gt;MIKRON&lt;/a&gt; &lt;a&gt;ETERON&lt;/a&gt; &lt;a&gt;SEISMA&lt;/a&gt; &lt;a&gt;KLASMA&lt;/a&gt; &lt;a&gt;LEIMMA&lt;/a&gt; &lt;a&gt;PROTOS&lt;/a&gt; &lt;a&gt;TRITOS&lt;/a&gt; &lt;a&gt;ISAKIA&lt;/a&gt; &lt;a&gt;TELOUS&lt;/a&gt; &lt;a&gt;CHROMA&lt;/a&gt; &lt;a&gt;FHTORA&lt;/a&gt; &lt;a&gt;YFESIS&lt;/a&gt; &lt;a&gt;DIESIS&lt;/a&gt; &lt;a&gt;GENIKI&lt;/a&gt; &lt;a&gt;ARSEOS&lt;/a&gt; &lt;a&gt;BREATH&lt;/a&gt; &lt;a&gt;OTTAVA&lt;/a&gt; &lt;a&gt;COMMON&lt;/a&gt; &lt;a&gt;DEGREE&lt;/a&gt; &lt;a&gt;MINIMA&lt;/a&gt; &lt;a&gt;BREVIS&lt;/a&gt; &lt;a&gt;TEMPUS&lt;/a&gt; &lt;a&gt;KIEVAN&lt;/a&gt;
  &lt;a&gt;QUARTERS&lt;/a&gt; &lt;a&gt;QUADRANT&lt;/a&gt; &lt;a&gt;FROWNING&lt;/a&gt; &lt;a&gt;DRAUGHTS&lt;/a&gt; &lt;a&gt;CROSSING&lt;/a&gt; &lt;a&gt;LOCATION&lt;/a&gt; &lt;a&gt;OUTLINED&lt;/a&gt; &lt;a&gt;PINWHEEL&lt;/a&gt; &lt;a&gt;PETALLED&lt;/a&gt; &lt;a&gt;SHADOWED&lt;/a&gt; 
  &lt;a&gt;S-SHAPED&lt;/a&gt; &lt;a&gt;DIRECTLY&lt;/a&gt; &lt;a&gt;OPERATOR&lt;/a&gt; &lt;a&gt;INTEGRAL&lt;/a&gt; &lt;a&gt;INTERIOR&lt;/a&gt; &lt;a&gt;NEGATION&lt;/a&gt; &lt;a&gt;U-SHAPED&lt;/a&gt; &lt;a&gt;CIRCLING&lt;/a&gt; &lt;a&gt;POSITION&lt;/a&gt; &lt;a&gt;LATINATE&lt;/a&gt; &lt;a&gt;TAILLESS&lt;/a&gt; &lt;a&gt;AKHMIMIC&lt;/a&gt; &lt;a&gt;L-SHAPED&lt;/a&gt; &lt;a&gt;SPIRITUS&lt;/a&gt; &lt;a&gt;BOHAIRIC&lt;/a&gt; &lt;a&gt;INDIRECT&lt;/a&gt; &lt;a&gt;OMISSION&lt;/a&gt; &lt;a&gt;SURROUND&lt;/a&gt; &lt;a&gt;STANDARD&lt;/a&gt; &lt;a&gt;ENTERING&lt;/a&gt;
  &lt;a&gt;POMMEE&lt;/a&gt; &lt;a&gt;THUMBS&lt;/a&gt; &lt;a&gt;FLOPPY&lt;/a&gt; &lt;a&gt;BUTTON&lt;/a&gt; &lt;a&gt;SPEECH&lt;/a&gt; &lt;a&gt;CRYING&lt;/a&gt; &lt;a&gt;BOWING&lt;/a&gt; &lt;a&gt;PERSON&lt;/a&gt; &lt;a&gt;FOLDED&lt;/a&gt; &lt;a&gt;BULLET&lt;/a&gt; &lt;a&gt;POLICE&lt;/a&gt; &lt;a&gt;LITTER&lt;/a&gt; &lt;a&gt;CROCUS&lt;/a&gt; &lt;a&gt;COPPER&lt;/a&gt; &lt;a&gt;SHADED&lt;/a&gt; &lt;a&gt;FORMEE&lt;/a&gt; &lt;a&gt;COWBOY&lt;/a&gt; 
  &lt;/div&gt;
   
  &lt;div id=suggestR&gt;
  &lt;a&gt;HAMZAT&lt;/a&gt; &lt;a&gt;BARREE&lt;/a&gt; &lt;a&gt;CENTRE&lt;/a&gt; &lt;a&gt;FILLED&lt;/a&gt; &lt;a&gt;SINDHI&lt;/a&gt; &lt;a&gt;SKEWED&lt;/a&gt; &lt;a&gt;DALATH&lt;/a&gt; &lt;a&gt;PTHAHA&lt;/a&gt; &lt;a&gt;ZQAPHA&lt;/a&gt; &lt;a&gt;ARABIC&lt;/a&gt; &lt;a&gt;RISING&lt;/a&gt; &lt;a&gt;SYMBOL&lt;/a&gt; &lt;a&gt;CANDRA&lt;/a&gt; &lt;a&gt;STRESS&lt;/a&gt; &lt;a&gt;KHANDA&lt;/a&gt; &lt;a&gt;LENGTH&lt;/a&gt; &lt;a&gt;CIRCLE&lt;/a&gt; &lt;a&gt;CREDIT&lt;/a&gt; &lt;a&gt;POWERS&lt;/a&gt; &lt;a&gt;CHILLU&lt;/a&gt; &lt;a&gt;SINGLE&lt;/a&gt; &lt;a&gt;SPUNGS&lt;/a&gt; &lt;a&gt;-KHYUD&lt;/a&gt; &lt;a&gt;RNYING&lt;/a&gt; &lt;a&gt;SVASTI&lt;/a&gt; &lt;a&gt;MEDIAL&lt;/a&gt; &lt;a&gt;KHAMTI&lt;/a&gt; &lt;a&gt;LABIAL&lt;/a&gt; &lt;a&gt;Y-CREE&lt;/a&gt; &lt;a&gt;BOTTOM&lt;/a&gt; &lt;a&gt;SAYISI&lt;/a&gt; &lt;a&gt;R-CREE&lt;/a&gt; &lt;a&gt;N-CREE&lt;/a&gt; &lt;a&gt;HAGLAZ&lt;/a&gt; &lt;a&gt;NAUDIZ&lt;/a&gt; &lt;a&gt;PERTHO&lt;/a&gt; &lt;a&gt;PEORTH&lt;/a&gt; &lt;a&gt;SOWILO&lt;/a&gt; &lt;a&gt;MANNAZ&lt;/a&gt; &lt;a&gt;LAUKAZ&lt;/a&gt; &lt;a&gt;ARLAUG&lt;/a&gt; &lt;a&gt;FRANKS&lt;/a&gt; &lt;a&gt;CASKET&lt;/a&gt; &lt;a&gt;SAMYOK&lt;/a&gt; &lt;a&gt;CAMNUC&lt;/a&gt; &lt;a&gt;PHNAEK&lt;/a&gt; &lt;a&gt;MANCHU&lt;/a&gt; &lt;a&gt;BEAVER&lt;/a&gt; &lt;a&gt;WIGGLY&lt;/a&gt; &lt;a&gt;STRONG&lt;/a&gt; &lt;a&gt;TALING&lt;/a&gt; &lt;a&gt;ASYURA&lt;/a&gt; &lt;a&gt;KEMPUL&lt;/a&gt; &lt;a&gt;KEMPLI&lt;/a&gt; &lt;a&gt;PAKPAK&lt;/a&gt; &lt;a&gt;THYOOM&lt;/a&gt; &lt;a&gt;TSHOOK&lt;/a&gt; &lt;a&gt;NARROW&lt;/a&gt; &lt;a&gt;UDATTA&lt;/a&gt; &lt;a&gt;RTHANG&lt;/a&gt; &lt;a&gt;KAVYKA&lt;/a&gt; &lt;a&gt;SHEQEL&lt;/a&gt; &lt;a&gt;UPWARD&lt;/a&gt; &lt;a&gt;ITALIC&lt;/a&gt; &lt;a&gt;HEADED&lt;/a&gt; &lt;a&gt;CORNER&lt;/a&gt; &lt;a&gt;PAIRED&lt;/a&gt; &lt;a&gt;DASHED&lt;/a&gt; &lt;a&gt;SUBSET&lt;/a&gt; &lt;a&gt;NORMAL&lt;/a&gt; &lt;a&gt;FACTOR&lt;/a&gt; &lt;a&gt;SQUISH&lt;/a&gt; &lt;a&gt;H-TYPE&lt;/a&gt; &lt;a&gt;L-TYPE&lt;/a&gt; &lt;a&gt;SCREEN&lt;/a&gt; &lt;a&gt;SHORTS&lt;/a&gt; &lt;a&gt;MEDIUM&lt;/a&gt; &lt;a&gt;ON-OFF&lt;/a&gt; &lt;a&gt;DEVICE&lt;/a&gt; &lt;a&gt;RECORD&lt;/a&gt; &lt;a&gt;DELETE&lt;/a&gt; &lt;a&gt;BRANCH&lt;/a&gt; &lt;a&gt;AMOUNT&lt;/a&gt; &lt;a&gt;ELEVEN&lt;/a&gt; &lt;a&gt;TWELVE&lt;/a&gt; &lt;a&gt;TWENTY&lt;/a&gt; &lt;a&gt;EIGHTH&lt;/a&gt; &lt;a&gt;FLORAL&lt;/a&gt; &lt;a&gt;SYRIAC&lt;/a&gt; &lt;a&gt;TYPE-1&lt;/a&gt; &lt;a&gt;TYPE-2&lt;/a&gt; &lt;a&gt;TYPE-3&lt;/a&gt; &lt;a&gt;TYPE-4&lt;/a&gt; &lt;a&gt;TYPE-5&lt;/a&gt; &lt;a&gt;TYPE-6&lt;/a&gt; &lt;a&gt;TYPE-7&lt;/a&gt; &lt;a&gt;LESSER&lt;/a&gt; &lt;a&gt;FEMALE&lt;/a&gt; &lt;a&gt;BEHIND&lt;/a&gt; &lt;a&gt;SAFETY&lt;/a&gt; &lt;a&gt;BALLOT&lt;/a&gt; &lt;a&gt;CENTER&lt;/a&gt; &lt;a&gt;SPOKED&lt;/a&gt; &lt;a&gt;CURVED&lt;/a&gt; &lt;a&gt;GAPPED&lt;/a&gt; &lt;a&gt;BESIDE&lt;/a&gt; &lt;a&gt;ENDING&lt;/a&gt; &lt;a&gt;JOINED&lt;/a&gt; &lt;a&gt;SERIFS&lt;/a&gt; &lt;a&gt;AROUND&lt;/a&gt; &lt;a&gt;SCHEMA&lt;/a&gt; &lt;a&gt;DOMAIN&lt;/a&gt; &lt;a&gt;NESTED&lt;/a&gt; &lt;a&gt;MEMBER&lt;/a&gt; &lt;a&gt;DIVIDE&lt;/a&gt; &lt;a&gt;BINARY&lt;/a&gt; &lt;a&gt;HOOKED&lt;/a&gt; &lt;a&gt;ARROWS&lt;/a&gt; &lt;a&gt;COPTIC&lt;/a&gt; &lt;a&gt;NUBIAN&lt;/a&gt; &lt;a&gt;DIRECT&lt;/a&gt; &lt;a&gt;BERBER&lt;/a&gt; &lt;a&gt;TUAREG&lt;/a&gt; &lt;a&gt;FORKED&lt;/a&gt; &lt;a&gt;SECOND&lt;/a&gt; &lt;a&gt;SPIRIT&lt;/a&gt; &lt;a&gt;TANNED&lt;/a&gt; &lt;a&gt;HIDING&lt;/a&gt; &lt;a&gt;REPEAT&lt;/a&gt; &lt;a&gt;POSTAL&lt;/a&gt; &lt;a&gt;GIYEOG&lt;/a&gt; &lt;a&gt;YEOLIN&lt;/a&gt; &lt;a&gt;GYEONG&lt;/a&gt; &lt;a&gt;HEAVEN&lt;/a&gt; &lt;a&gt;HANGUL&lt;/a&gt; &lt;a&gt;KIYEOK&lt;/a&gt; &lt;a&gt;TIKEUT&lt;/a&gt; &lt;a&gt;KOREAN&lt;/a&gt; &lt;a&gt;THIRTY&lt;/a&gt; &lt;a&gt;EIGHTY&lt;/a&gt; &lt;a&gt;BITING&lt;/a&gt; &lt;a&gt;COMING&lt;/a&gt; &lt;a&gt;GENTLE&lt;/a&gt; &lt;a&gt;JOYOUS&lt;/a&gt; &lt;a&gt;BEFORE&lt;/a&gt; &lt;a&gt;BROKEN&lt;/a&gt; &lt;a&gt;POETRY&lt;/a&gt; &lt;a&gt;OPEN-O&lt;/a&gt; &lt;a&gt;SAMEKH&lt;/a&gt; &lt;a&gt;TTEHEH&lt;/a&gt;  &lt;a&gt;HINGED&lt;/a&gt; &lt;a&gt;SPREAD&lt;/a&gt; &lt;a&gt;CUPPED&lt;/a&gt; &lt;a&gt;ANGLED&lt;/a&gt; &lt;a&gt;RIPPLE&lt;/a&gt; &lt;a&gt;OTHERS&lt;/a&gt; &lt;a&gt;STRIKE&lt;/a&gt; &lt;a&gt;FINGER&lt;/a&gt; &lt;a&gt;SPIRAL&lt;/a&gt; &lt;a&gt;DREAMY&lt;/a&gt; &lt;a&gt;CHEEKS&lt;/a&gt; &lt;a&gt;TONGUE&lt;/a&gt; &lt;a&gt;LOOPED&lt;/a&gt; &lt;a&gt;KNIGHT&lt;/a&gt; &lt;a&gt;BOTTLE&lt;/a&gt; &lt;a&gt;HOCKEY&lt;/a&gt; &lt;a&gt;TENNIS&lt;/a&gt; &lt;a&gt;PADDLE&lt;/a&gt; &lt;a&gt;CAPPED&lt;/a&gt; &lt;a&gt;TELLER&lt;/a&gt; &lt;a&gt;POINTS&lt;/a&gt; &lt;a&gt;FACING&lt;/a&gt; &lt;a&gt;MOBILE&lt;/a&gt; &lt;a&gt;ORANGE&lt;/a&gt;
  &lt;a&gt;CLINGING&lt;/a&gt; &lt;a&gt;AROUSING&lt;/a&gt; &lt;a&gt;MARRYING&lt;/a&gt; &lt;a&gt;SQUIRREL&lt;/a&gt; &lt;a&gt;QUANTITY&lt;/a&gt; &lt;a&gt;LOGOGRAM&lt;/a&gt; &lt;a&gt;BASELINE&lt;/a&gt; &lt;a&gt;DAMMATAN&lt;/a&gt; &lt;a&gt;KASRATAN&lt;/a&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>