This label sticks to the box, but it is not inside the box itself. This was used when an image is dragged to the box, and then writes itself to the box, therefore would overwrite the box and label. This way the label would stay. Not very responsive? Any comments…..
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 |
<div class="inside1">Test</div> <div class="box"></div> <div class="inside1">Test</div> <div class="box"></div> <div class="inside1">Test</div> <div class="box"></div> <div class="inside1">Test</div> <div class="box"></div> <div class="inside1">Test</div> <div class="box"></div> <div class="clear"> <div class="inside1">Test</div> <div class="box"></div> <div class="inside1">Test</div> <div class="box"></div> <style> .box {<br /> height: 200px;<br /> background-color: yellow;<br /> width: 200px;<br /> float: left;<br /> margin-top: 20px;<br /> }</p> <p>.inside1 {</p> <p> height: 25px;<br /> float: left;<br /> top: 30px;<br /> position: relative;<br /> left: 120px;<br /> font-size: 20px;<br /> opacity: 0.4;<br /> font-family: verdana;<br /> }</p> <p>.clear {<br /> clear: both;<br /> }<br /> </style> </div> |
