Advanced Search

Return to Snippet

Revision: 30232
at August 10, 2010 14:34 by Meander365
Initial Code 
<style>
		#container {width:200px;}
		#checkme {float:left;}
		.description {overflow:hidden;display:block;}
	</style>

<div id="container">
	<input type="checkbox" id="checkme"/>
	<label class="description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ac nisi eu massa ultricies dapibus vel a nibh. In hac habitasse platea dictumst. Quisque placerat tortor non erat rhoncus tincidunt</label>
</div>
Initial URL 

                                

                                                            

                                    

                                        

                                        Initial Description
                                        

                                    

                                    
In the example .description is a label and so needs to be made a block level element.  For <p> elements (etc) this is not needed.

The key to all this is overflow:hidden.

                                

                                                            

                                    

                                        

                                        Initial Title
                                        

                                    

                                    
Stop Text Wrapping Beneath A Floated Left Element

                                

                                                            

                                    

                                        

                                        Initial Tags
                                        

                                    

                                    
css, image

                                

                                                            

                                    

                                        

                                        Initial Language
                                        

                                    

                                    
CSS