文本中心和流量不均勻？

Question

爲什麼我的文字不居中&爲什麼是我的就是我的彩車不是均勻地堆積： https://jsfiddle.net/t5mLm8p6/2/

<H1 class="header-text"> SPECIAL COLORSHIFTING RED/CYAN INLAY FROM REDA </H1> 

    <div class="images-on-left-side" > 
    <img src="http://www.stock11.ch/media/wysiwyg/inlays/Landingpage_1200pix_inlay-page_02_1.jpg" width="577" height="417" /> 
    </div> 

    <div class="images-on-right-side" > 
    <img src="http://www.stock11.ch/media/wysiwyg/inlays/Landingpage_1200pix_inlay-page_03.jpg" width="623" height="417" /> 
    </div> 


    <H1 class="header-text"> FUNKY URBAN INLAY FROM ZEGNA REDA</H1> 

    <div class="images-on-left-side" > 
    <img src="http://www.stock11.ch/media/wysiwyg/inlays/Landingpage_1200pix_inlay-page_06_1.jpg" width="623" height="416" /> 
    </div> 

    <div class="images-on-right-side" > 
    <img src="http://www.stock11.ch/media/wysiwyg/inlays/Landingpage_1200pix_inlay-page_05.jpg" width="577" height="416" /> 
    </div> 

    <H1 class="header-text"> CLASSIC BLUE PATTERN FROM VITALE BARBERIS</H1> 

    <div class="images-on-left-side" > 
    <img src="http://www.stock11.ch/media/wysiwyg/inlays/Landingpage_1200pix_inlay-page_08.jpg" width="575" height="416" /> 
    </div> 


    <div class="images-on-right-side" > 
    <img src="http://www.stock11.ch/media/wysiwyg/inlays/Landingpage_1200pix_inlay-page_09.jpg" width="625" height="417" /> 
    </div> 

我儘量讓的div 6周的div /圖像站在並排： 喜歡這裏：http://postimg.org/image/urstgg0s7/

但接下來的文字由於某種原因使得保證金選項不均勻。

Answer 1

將您的div包裝成一排。它應該像this--

.row { 
 
    border: 1px solid red 
 
} 
 
.row h1 { 
 
    text-align: center 
 
} 
 
.row div { 
 
    display: inline-block; 
 
    width: 290px; 
 
} 
 
.row div > img { 
 
    width: 100% 
 
}

<div class="row"> 
 
    <H1 class="header-text"> SPECIAL COLORSHIFTING RED/CYAN INLAY FROM REDA </H1> 
 

 
    <div class="images-on-left-side"> 
 
    <img src="http://www.stock11.ch/media/wysiwyg/inlays/Landingpage_1200pix_inlay-page_02_1.jpg" width="577" height="417" /> 
 
    </div> 
 

 
    <div class="images-on-right-side"> 
 
    <img src="http://www.stock11.ch/media/wysiwyg/inlays/Landingpage_1200pix_inlay-page_03.jpg" width="623" height="417" /> 
 
    </div> 
 

 
</div> 
 
<div class="row"> 
 
    <H1 class="header-text"> FUNKY URBAN INLAY FROM ZEGNA REDA</H1> 
 

 
    <div class="images-on-left-side"> 
 
    <img src="http://www.stock11.ch/media/wysiwyg/inlays/Landingpage_1200pix_inlay-page_06_1.jpg" width="623" height="416" /> 
 
    </div> 
 

 
    <div class="images-on-right-side"> 
 
    <img src="http://www.stock11.ch/media/wysiwyg/inlays/Landingpage_1200pix_inlay-page_05.jpg" width="577" height="416" /> 
 
    </div> 
 
</div> 
 
<div class="row"> 
 
    <H1 class="header-text"> CLASSIC BLUE PATTERN FROM VITALE BARBERIS</H1> 
 

 
    <div class="images-on-left-side"> 
 
    <img src="http://www.stock11.ch/media/wysiwyg/inlays/Landingpage_1200pix_inlay-page_08.jpg" width="575" height="416" /> 
 
    </div> 
 

 

 
    <div class="images-on-right-side"> 
 
    <img src="http://www.stock11.ch/media/wysiwyg/inlays/Landingpage_1200pix_inlay-page_09.jpg" width="625" height="417" /> 
 
    </div> 
 
</div>

\