Formatting Notes

by pmamode

HTML

<link href='https://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>

<ul id="sortable">
  <li>
    <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="285.914px" height="24.04px" viewBox="0 0 285.914 24.04" enable-background="new 0 0 285.914 24.04" xml:space="preserve">
      <g>
        <text transform="matrix(1 0 0 1 6.4639 20.9233)">2A</text>
        <text transform="matrix(1 0 0 1 33.0527 20.9233)">PARTICULATE, IODINE AND GAS MONITOR</text>
        <g>
          <line fill="none" stroke="#000000" stroke-linecap="round" stroke-miterlimit="10" x1="0.5" y1="23.54" x2="27.105" y2="23.54" />
          <line fill="none" stroke="#000000" stroke-linecap="round" stroke-miterlimit="10" x1="0.5" y1="23.54" x2="13.803" y2="0.5" />
          <line fill="none" stroke="#000000" stroke-linecap="round" stroke-miterlimit="10" x1="27.105" y1="23.54" x2="13.803" y2="0.5" />
        </g>
      </g>
    </svg>
  </li>
  <li>
    <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="285.914px" height="24.04px" viewBox="0 0 285.914 24.04" enable-background="new 0 0 285.914 24.04" xml:space="preserve">
      <g>
        <text transform="matrix(1 0 0 1 6.4639 20.9233)">2A</text>
        <text transform="matrix(1 0 0 1 33.0527 20.9233)">PARTICULATE, IODINE AND GAS MONITOR</text>
        <g>
          <line fill="none" stroke="#000000" stroke-linecap="round" stroke-miterlimit="10" x1="0.5" y1="23.54" x2="27.105" y2="23.54" />
          <line fill="none" stroke="#000000" stroke-linecap="round" stroke-miterlimit="10" x1="0.5" y1="23.54" x2="13.803" y2="0.5" />
          <line fill="none" stroke="#000000" stroke-linecap="round" stroke-miterlimit="10" x1="27.105" y1="23.54" x2="13.803" y2="0.5" />
        </g>
      </g>
    </svg>

  </li>
  <li>
    <svg version="1.1" id="Layer_1"...

CSS

@import url(//fonts.googleapis.com/css?family=Inconsolata);
body {
  font-family: 'Inconsolata', sans-serif;
  font-size: 16px;
}

#container {
  position: relative;
}

#test {
  position: absolute;
  left: 0px;
  top: 0px;
}

#triangle {
  font-size: 24px;
}
table, td, th {    
    border: 1px solid #ddd;
    text-align: left;
    line-height: 80%;
}

table {
    border-collapse: collapse;
    width: 100%;
}

th, td {
    padding: 0px;
}

JavaScript

$("#sortable").sortable();

$("div").css('position', "relative");
$("div #test").css({})