打造inline-break

打造inline-break

運行代碼運行代碼

<style><br /> li {<br /> width: 200px;<br /> min-height: 250px;<br /> border: 1px solid #000;<br /> display: inline-block;<br /> margin: 5px;<br /> float: left;<br /> vertical-align: top;<br /> _height: 250px;<br /> *display: inline;<br /> }<br /></style><br /><ul><br /> <li><br /> <h4>This is awesome</h4><br /> <img src="http://farm4.static.flickr.com/3623/3279671785_d1f2e665b6_s.jpg"<br /> alt="lobster" width="75" height="75"/><br /> </li><br /> <li><br /> <h4>This is awesome</h4><br /> <img src="http://farm4.static.flickr.com/3623/3279671785_d1f2e665b6_s.jpg"<br /> alt="lobster" width="75" height="75"/><br /> </li><br /> <li><br /> <h4>This is awesome</h4><br /> <img src="http://farm4.static.flickr.com/3623/3279671785_d1f2e665b6_s.jpg"<br /> alt="lobster" width="75" height="75"/><br /> </li><br /> <li><br /> <h4>This is awesome</h4><br /> <img src="http://farm4.static.flickr.com/3623/3279671785_d1f2e665b6_s.jpg"<br /> alt="lobster" width="75" height="75"/><br /> </li><br /> <li><br /> <h4>This is awesome</h4><br /> <img src="http://farm4.static.flickr.com/3623/3279671785_d1f2e665b6_s.jpg"<br /> alt="lobster" width="75" height="75"/><br /> </li><br /> <li><br /> <h4>This is awesome</h4><br /> <img src="http://farm4.static.flickr.com/3623/3279671785_d1f2e665b6_s.jpg"<br /> alt="lobster" width="75" height="75"/><br /> </li><br /> <li><br /> <h4>This is awesome</h4><br /> <img src="http://farm4.static.flickr.com/3623/3279671785_d1f2e665b6_s.jpg"<br /> alt="lobster" width="75" height="75"/><br /> </li><br /><ul>