Блог

У меня есть веб-страница с 5 элементами div, и я пытаюсь центрировать эти элементы в середине стяжки. (гибкий режим). Это изображение описывает мою цель. пожалуйста, помогите мне, если можете.

http://www.mediafire.com/view/8v8acb404ikbfja/3.jpg

И это мои CSS-коды, которые принадлежат левому изображению:

 #container{
    clear: both;
    border: 3px dashed red;
}

#container .divs{
    width: 360px;
    height: 230px;
    margin: 60px;
    float: left;
    overflow: hidden;
    border-radius: 30px;
    border: 3px dashed red;
}
 

Удалите элементы с плавающей точкой и создайте divs display:inline-block , а затем добавьте text-align:center в #container

Демонстрация JSfiddle

используйте display: inline-block; вместо float:left;