css - Margins only between floated divs -

css - Margins only between floated divs -

is possible create margin between floated divs without margins on sides of parent.

so basically:

no margin <div> |margin| <div> |margin| <div> |margin| <div> no margin no margin <div> |margin| <div> |margin| <div> |margin| <div> no margin no margin <div> |margin| <div> |margin| <div> |margin| <div> no margin no margin <div> |margin| <div> |margin| <div> |margin| <div> no margin no margin <div> |margin| <div> |margin| <div> |margin| <div> no margin

like that.

use first-child , last-child selectors specify no left/right margin, respectively:

http://jsfiddle.net/explosionpills/bzsgp/1

in case have other elements between first/last divs, can utilize first-of-type/last-of-type instead.

css