What I want is boxes that float left or right and are wrapped around by text, but to be able to control the size of the boxes. The behavior that happens is that when you float a box to the right it autosizes the float and the box can then only be sized relative to the random size of the float.
What I'd like is to be able to do is set the sizing of the float div so that it just fills say, 30% and has reasonable margins, then I set the box and image to 100% and they fill the float
Here's a quick demo with good boxes and bad boxes:
BAD BOX had unnecessary padding on the left side
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ac nisl convallis lorem mollis consectetur in sed augue. Pellentesque aliquam, magna id euismod convallis, tellus lorem accumsan dolor, eget fringilla ex urna eget sem. Suspendisse malesuada nisl lorem, non vestibulum dolor lacinia a. Fusce volutpat euismod rhoncus. Maecenas sem diam, hendrerit varius turpis nec, fermentum vestibulum libero. In quis faucibus orci. Aliquam a purus at nisi molestie iaculis. Nulla et erat dolor. Fusce quis sagittis diam, non aliquam sapien. Quisque eget auctor libero. Sed rhoncus et urna non sagittis. Donec posuere nunc nec faucibus pretium. Donec risus eros, consectetur eget feugiat sit amet, scelerisque posuere est. Ut malesuada purus in massa aliquet, sed ultrices lorem commodo. Vivamus non laoreet lectus. Duis vel nibh ac ipsum aliquam commodo.
Ephara Creatures
Vestibulum lacus tellus, ullamcorper in odio sed, semper tincidunt dui. Maecenas elit orci, imperdiet a tempor non, tempus quis nisl. Phasellus dictum quam lacus, et ultrices massa scelerisque at. Nam ut euismod dui, sed vulputate ipsum. Aenean laoreet id nisl nec laoreet. Vivamus mattis pharetra mi ut finibus. Donec convallis odio aliquet, mattis neque et, posuere ex. Fusce purus felis, vulputate ac velit non, congue suscipit lectus. Praesent ex mauris, dictum sed dolor vel, posuere feugiat erat.
Mauris maximus, massa euismod gravida malesuada, nibh urna efficitur ex, vestibulum viverra lacus enim a orci. Etiam iaculis eros sodales tellus convallis, vitae molestie nulla finibus. Fusce condimentum diam volutpat nisi egestas, sit amet vestibulum ipsum vehicula. Nulla tellus diam, fermentum eget sollicitudin quis, volutpat sed nibh. Pellentesque dictum justo et dolor egestas, eget porta turpis fringilla. Nam feugiat hendrerit quam sed tincidunt. Quisque posuere ex vitae ipsum elementum dapibus. Cras vehicula mauris ipsum, eget ultrices erat pellentesque eget. Fusce aliquam ante ex, et hendrerit sapien tincidunt eget. Quisque non eros id est semper placerat in et nibh. Suspendisse at laoreet neque. Phasellus ut massa pharetra, consectetur nibh ac, pellentesque lorem.
GOOD BOXES
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ac nisl convallis lorem mollis consectetur in sed augue. Pellentesque aliquam, magna id euismod convallis, tellus lorem accumsan dolor, eget fringilla ex urna eget sem. Suspendisse malesuada nisl lorem, non vestibulum dolor lacinia a. Fusce volutpat euismod rhoncus. Maecenas sem diam, hendrerit varius turpis nec, fermentum vestibulum libero. In quis faucibus orci. Aliquam a purus at nisi molestie iaculis. Nulla et erat dolor. Fusce quis sagittis diam, non aliquam sapien. Quisque eget auctor libero. Sed rhoncus et urna non sagittis. Donec posuere nunc nec faucibus pretium. Donec risus eros, consectetur eget feugiat sit amet, scelerisque posuere est. Ut malesuada purus in massa aliquet, sed ultrices lorem commodo. Vivamus non laoreet lectus. Duis vel nibh ac ipsum aliquam commodo.
Philosophy Summary
- Play creatures over non-creatures even if slightly worse.
- Skip out on card draw for more control
- Mana efficiency is paramount
- Token generation should be either free or at instant speed
Vestibulum lacus tellus, ullamcorper in odio sed, semper tincidunt dui. Maecenas elit orci, imperdiet a tempor non, tempus quis nisl. Phasellus dictum quam lacus, et ultrices massa scelerisque at. Nam ut euismod dui, sed vulputate ipsum. Aenean laoreet id nisl nec laoreet. Vivamus mattis pharetra mi ut finibus. Donec convallis odio aliquet, mattis neque et, posuere ex. Fusce purus felis, vulputate ac velit non, congue suscipit lectus. Praesent ex mauris, dictum sed dolor vel, posuere feugiat erat.
Mauris maximus, massa euismod gravida malesuada, nibh urna efficitur ex, vestibulum viverra lacus enim a orci. Etiam iaculis eros sodales tellus convallis, vitae molestie nulla finibus. Fusce condimentum diam volutpat nisi egestas, sit amet vestibulum ipsum vehicula. Nulla tellus diam, fermentum eget sollicitudin quis, volutpat sed nibh. Pellentesque dictum justo et dolor egestas, eget porta turpis fringilla. Nam feugiat hendrerit quam sed tincidunt. Quisque posuere ex vitae ipsum elementum dapibus. Cras vehicula mauris ipsum, eget ultrices erat pellentesque eget. Fusce aliquam ante ex, et hendrerit sapien tincidunt eget. Quisque non eros id est semper placerat in et nibh. Suspendisse at laoreet neque. Phasellus ut massa pharetra, consectetur nibh ac, pellentesque lorem.
Mauris maximus, massa euismod gravida malesuada, nibh urna efficitur ex, vestibulum viverra lacus enim a orci. Etiam iaculis eros sodales tellus convallis, vitae molestie nulla finibus. Fusce condimentum diam volutpat nisi egestas, sit amet vestibulum ipsum vehicula. Nulla tellus diam, fermentum eget sollicitudin quis, volutpat sed nibh. Pellentesque dictum justo et dolor egestas, eget porta turpis fringilla. Nam feugiat hendrerit quam sed tincidunt. Quisque posuere ex vitae ipsum elementum dapibus. Cras vehicula mauris ipsum, eget ultrices erat pellentesque eget. Fusce aliquam ante ex, et hendrerit sapien tincidunt eget. Quisque non eros id est semper placerat in et nibh. Suspendisse at laoreet neque. Phasellus ut massa pharetra, consectetur nibh ac, pellentesque lorem.