<style> .one { width: auto; border: 1px solid #c00; } .two { width: 100px; border: 1px solid #008000; } .three { width: 100%; border: 1px solid #007FFF; } </style> <h2>Css Width Properties</h2> <h3>auto</h3> <div class="one">Contrary to popular belief, Lorem Ipsum. Posuere libero varius. Nullam a nisl ut ante blandit hendrerit. Aenean sit amet nisi. Nullam volutpat risus nec leo commodo, ut interdum diam laoreet. Sed non consequat odio. Admodum accumsan disputationi eu sit. Vide electram sadipscing et per. Mé faiz elementum girarzis, nisi eros vermeio.</div> <h3>100px</h3> <div class="two">Contrary to popular belief, Lorem Ipsum. Posuere libero varius. Nullam a nisl ut ante blandit hendrerit. Aenean sit amet nisi. Nullam volutpat risus nec leo commodo, ut interdum diam laoreet. Sed non consequat odio. Admodum accumsan disputationi eu sit. Vide electram sadipscing et per. Mé faiz elementum girarzis, nisi eros vermeio.</div> <h3>100%</h3> <div class="three">Contrary to popular belief, Lorem Ipsum. Posuere libero varius. Nullam a nisl ut ante blandit hendrerit. Aenean sit amet nisi. Nullam volutpat risus nec leo commodo, ut interdum diam laoreet. Sed non consequat odio. Admodum accumsan disputationi eu sit. Vide electram sadipscing et per. Mé faiz elementum girarzis, nisi eros vermeio.</div>