Example of bottom-aligned text in a left margin. ...it can also be done when having floated div:s.

description.txt

Two rows. Each row contain two columns.

drawing.png

drawing.svg

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->

<svg
   xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:cc="http://creativecommons.org/ns#"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
   width="761.57141"
   height="524.42859"
   id="svg2"
   version="1.1"
   inkscape:version="0.47 r22583"
   sodipodi:docname="drawing.svg"
   inkscape:export-filename="/home/jens/tmp/4593379/drawing.png"
   inkscape:export-xdpi="90"
   inkscape:export-ydpi="90">
  <defs
     id="defs4">
    <inkscape:perspective
       sodipodi:type="inkscape:persp3d"
       inkscape:vp_x="0 : 526.18109 : 1"
       inkscape:vp_y="0 : 1000 : 0"
       inkscape:vp_z="744.09448 : 526.18109 : 1"
       inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
       id="perspective10" />
  </defs>
  <sodipodi:namedview
     id="base"
     pagecolor="#ffffff"
     bordercolor="#666666"
     borderopacity="1.0"
     inkscape:pageopacity="1"
     inkscape:pageshadow="2"
     inkscape:zoom="0.7"
     inkscape:cx="42.942073"
     inkscape:cy="29.890551"
     inkscape:document-units="px"
     inkscape:current-layer="layer1"
     showgrid="false"
     inkscape:window-width="1680"
     inkscape:window-height="1025"
     inkscape:window-x="0"
     inkscape:window-y="0"
     inkscape:window-maximized="1" />
  <metadata
     id="metadata7">
    <rdf:RDF>
      <cc:Work
         rdf:about="">
        <dc:format>image/svg+xml</dc:format>
        <dc:type
           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
        <dc:title></dc:title>
      </cc:Work>
    </rdf:RDF>
  </metadata>
  <g
     inkscape:label="Layer 1"
     inkscape:groupmode="layer"
     id="layer1"
     transform="translate(14.357142,-19.431172)">
    <rect
       style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none"
       id="rect2816"
       width="132.85715"
       height="178.57143"
       x="94.285713"
       y="116.6479" />
    <rect
       y="116.6479"
       x="262.85715"
       height="244.28571"
       width="327.14288"
       id="rect2818"
       style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none" />
    <rect
       style="fill:none;stroke:#000000;stroke-opacity:1"
       id="rect2820"
       width="531.42859"
       height="270"
       x="81.428574"
       y="102.36218" />
    <rect
       y="390.93362"
       x="81.428574"
       height="87.142853"
       width="531.42859"
       id="rect3594"
       style="fill:none;stroke:#000000;stroke-width:1;stroke-opacity:1" />
    <rect
       y="408.07648"
       x="94.285713"
       height="54.285713"
       width="132.85715"
       id="rect3596"
       style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none" />
  </g>
</svg>