div suppe

by mimii

HTML

<body>
<div class="page clearfix">
    <div>
        <div id="c84">
    	    <div class="ce-textpic ce-right ce-intext">
      	        <div class="ce-gallery" data-ce-columns="1" data-ce-images="1">
    	            <div class="ce-row">
		        <div class="ce-column">
                            <div class="ce-media">
			        <img title="Testbild" alt="Testbild" src="http://placehold.it/500x300" width="500" height="300" />
                            </div>
                        </div>
                    </div>
	        </div>
	        <div class="ce-bodytext">
                    <p>Dieser Text steht links vom Bild</p>
	        </div>
  	    </div>
        </div>
    </div>
</div>

CSS

.ce-textpic, .ce-gallery, .ce-row { overflow: hidden; }
.ce-left .ce-gallery, .ce-column  { float: none; }
.ce-right .ce-gallery { float: none; }
.ce-gallery img { display: block; }
.ce-intext .ce-right .ce-gallery { margin-bottom: 10px; }
.ce-intext.ce-right .ce-gallery { margin-left: 10px; }
.ce-intext.ce-left .ce-gallery { margin-right: 10px; }
.ce-below .ce-gallery { margin-top: 10px; }
.ce-column { margin-right: 10px; }
.ce-column:last-child { margin-right: 0; }
.ce-row { margin-bottom: 10px; }
.ce-row:last-child { margin-bottom: 0; }

img {
  max-width:100%;
  height:auto; }