問題...
divそれぞれの両側にギャップを残しながら、境界線の上に配置しようとしていdivます。ここを参照してください：
黒い div の両側のギャップに注目してください。
次の2つの明らかなオプション以外に、これに対する可能な解決策がわかりません。
- 境界線を全幅に配置し、背景に画像を重ねて境界線を隠します
- または、境界線を列に分けてから余白を追加するだけです（おそらく私の場合は最良の解決策です）
私が試したこと...
さて、クールなCSSトリックを教えてもらいたいと思ってSOに来ているので、どこから始めればいいのかわからないので、何も試していません...したがって、クールなCSSトリック...
私の質問（まだ明確でない場合）
上記の方法以外の方法、または上の画像で説明したことを達成するためのクールなトリックはありますか?
私がすでに述べた方法以外に解決策がない場合は、この質問に答えるのに時間を無駄にしないでください。私はこのコードを自分で書くことができ、他の SO ユーザーはあなたの助けをはるかに必要としています :-)
アップデート
これは、必要なギャップなしでどのように見えるかを示す jsFiddleです。