CSS: how to make a horizontal images scroller with two images per column? -

मेरे पास एक क्षैतिज छवि स्क्रॉलर है, जैसे:

यह मार्कअप:

  & lt; div class =" slider-horizontal "& gt; & Lt; span ng-repeat = "छवियों में छवि" & gt; & Lt; a href = "#" & gt; & Lt; img ng-src = "{{image}}" / & gt; & Lt; / a & gt; & Lt; / span & gt; & Lt; / div & gt;  

और यह शैली:

  .slider-horizontal {white-space: nowrap; अतिप्रवाह: ऑटो; अतिप्रवाह- y: छिपा हुआ; }  

नहीं, मैं इस तरह से कुछ प्राप्त करने के लिए वर्तमान में से किसी भी नीचे एक माध्यमिक छवि जोड़ना चाहूंगा:

< Img src = "https://i.stack.imgur.com/6A9SH.jpg" alt = "डबल छवियों के साथ स्क्रॉलर">

(एनबी: बिल्कुल और न ही व्यक्तियों और न ही डिस्काउंट लेबल असली हैं छवियां ...: -)

क्या यह संभव है? आप क्या सुझाव देंगे? मैं इसे प्रबंधित नहीं कर सकता, मेरे सारे परीक्षण एक ही पंक्ति में सभी छवियों के साथ समाप्त हो जाते हैं, या सभी एक ही स्तंभ पर ...: - (

@Radnaw टिप्पणी का जवाब: यह मैं जो कोशिश करता हूं:

  & lt; div class = "slider-horizontal" & gt; & lt; span ng-repeat = "चित्रों में छवि" & gt; & lt; a href = "#" & Gt; & lt; img ng-src = "{{image}}" / & gt; & lt; img src = "चित्र / वॉटरमार्क / लेबल पेज" /> & lt; / a & gt; & lt; / span & gt; & lt; / div & gt ;  

(बड़ी सफलता नहीं, जैसा कि मैंने कहा था ...: - ()

संपादित किया गया:

क्या आपने ऐसा कुछ करने का प्रयास किया

  & lt; div class = "slider-horizontal" & gt; & lt; span class = " स्लाइडर-छवि "एनजी-दोहराने =" छवियों में छवि "& gt; & lt; a href =" # "& gt; & lt; img ng-src =" {{image}} "/ & gt; & lt; br & gt; & lt; img src = "Myimg.jpg" / & gt; & lt; / a & gt; & lt; / span & gt; & lt; / div & gt;  

सीएसएस:

  .slider- क्षैतिज {सफेद-स्थान: अब्राप; अतिप्रवाह: ऑटो; अतिप्रवाह-वाई: छिपा हुआ;} .slider-image {फ्लोट: बाएं; मार्जिन-दाएं: 20px; प्रदर्शन: इनलाइन-ब्लॉक; }