Пробелы мужду изображениями

Рейтинг: 0Ответов: 1Опубликовано: 05.09.2014

Доброго всем дня.

Вот

Как убрать эти пробелы в следующем коде:

<style>
    html {
        margin: 0;
        background-color: black;
    }

    body {
        width: 1300px;
        /*margin: 0 auto;*/
        background-color: gray;
    }
    img {
        margin: 0;
        padding: 0;
        /*float: left;*/
        text-align: left;
    }

    #images {
        width: 1250px;
        height: 100px;
        background-color: red;
        margin: 0 auto;
    }
</style>
<body>
    <div id="images">
        <img src="img/1.jpg" alt="img1"/>
        <img src="img/2.jpg" alt="img2"/>
        <img src="img/3.jpg" alt="img3"/>
    </div>
</body>

при таких требованиях:

1) тэги располагать в разных строках;
2) не использовать float: left в стиле для img.

css html
Источник: Stack Overflow на русском

Ответы

▲ 1Принят

Самый простой вариант:

    <img src="img/1.jpg" alt="img1"/
   ><img src="img/2.jpg" alt="img2"/
   ><img src="img/3.jpg" alt="img3"/>

Можете подробнее прочитать тут.