I have this div:
<div class='inauguration-image'> I do not want this text to display, just here for description </div>
Here is the css for it:
.inauguration-image { margin-top:5px; margin-left:auto; margin-right:auto; background: url('/images/inauguration_block.png') no-repeat; position:relative; width:760px; height:552px; }
I do not want the text to display, how would I go about doing that?
Setting
height:0andoverflow:hiddenhides your text;padding-top:552pxmakes the element large enough to display your background image, anyway. This is a very portable solution.