Skip to main content

Home/ CSS Evangelist/ Group items tagged wrap

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
yc c

CSS Text Wrapper - 4 views

csstextwrap.com

css align generator online tools wrap html

shared by yc c on 02 Feb 10 - Cached
  • yc c on 02 Feb 10
     
    The CSS Text Wrapper allows you to easily make HTML text wrap in shapes other than just a rectangle. You can make text wrap around curves, zig-zags, or whatever you want. All you have to do is draw the left and right edges below and then copy the generated code to your website. Get to it!
Vernon Fowler

Meet the Pseudo Class Selectors | CSS-Tricks - 0 views

css-tricks.com/pseudo-class-selectors

webdesign css web design selectors class

shared by Vernon Fowler on 18 Nov 12 - No Cached
  • You probably wouldn't want to drop cap every single paragraph on the page, but just the first one, so, p:first-child:first-letter { }
Vernon Fowler

CSS Sprites with Inline Images | CSS-Tricks - 0 views

css-tricks.com/css-sprites-with-inline-images

css sprites inline images webdesign NED12

shared by Vernon Fowler on 19 Nov 12 - No Cached
  • The image is "content" while an empty div is not.
  • If you want to keep your image as part of the regular flow of the document the best you can, you can always wrap the image in a div with relative positioning
  • Vernon Fowler on 19 Nov 12
     
    "The "sprite" is the single, combined graphic. We can use this same theory, only instead of using background-image to show the graphic, we can use an image right in the HTML itself (inline image)."
Vernon Fowler

A Complete Guide to Flexbox | CSS-Tricks - 0 views

css-tricks.com/...a-guide-to-flexbox

flexbox CSS css3 layout responsive webdesign sass mixin vendor prefix IE10

shared by Vernon Fowler on 22 Mar 14 - No Cached
  • flex-direction
  • flex-wrap
  • space-around: items are evenly distributed in the line with equal space around them
  • ...6 more annotations...
  • justify-content
  • align-items
  • flex-start: cross-start margin edge of the items is placed on the cross-start line
  • stretch (default): stretch to fill the container (still respect min-width/max-width)
  • Note: this property has no effect when the flexbox has only a single line.
  • flex-grow
1 - 15 of 15
Showing 20▼ items per page