Как выровнять текст с изображением в, и отступы между изображениями?

Question

[Edward]

Как сделать что бы текст был на уровне изображения, и отступы между изображениями(вниз)

Answer 1

[iBird Rose]

1)задай для изображения float: left; а для текста margin-left на величику изображения.
2) родителю overflow: hidden; и margin-bottom сколько хочешь для отступа вниз.

Comments

[Edward]

<section id="pluses">
        <p class="pluses">Dignity and pluses product</p>
        <div class="l_r">
        <div class="left_p">
            <ul>
                <li>Delectus dolorem vero quae beatae quasi dolor deserunt iste amet atque, impedit iure placeat, ullam. Reprehenderit aliquam, nemo cum velit ratione perferendis quas, maxime, quaerat porro totam, dolore minus inventore.</li>
                <li>Delectus dolorem vero quae beatae quasi dolor deserunt iste amet atque, impedit iure placeat, ullam. Reprehenderit aliquam, nemo cum velit ratione perferendis quas, maxime, quaerat porro totam, dolore minus inventore.</li>
                <li>Delectus dolorem vero quae beatae quasi dolor deserunt iste amet atque, impedit iure placeat, ullam. Reprehenderit aliquam, nemo cum velit ratione perferendis quas, maxime, quaerat porro totam, dolore minus inventore.</li>
            </ul>
        </div>
        <div class="right_p">
            <ul>
                <li>Delectus dolorem vero quae beatae quasi dolor deserunt iste amet atque, impedit iure placeat, ullam. Reprehenderit aliquam, nemo cum velit ratione perferendis quas, maxime, quaerat porro totam, dolore minus inventore.</li>
                <li>Delectus dolorem vero quae beatae quasi dolor deserunt iste amet atque, impedit iure placeat, ullam. Reprehenderit aliquam, nemo cum velit ratione perferendis quas, maxime, quaerat porro totam, dolore minus inventore.</li>
                <li>Delectus dolorem vero quae beatae quasi dolor deserunt iste amet atque, impedit iure placeat, ullam. Reprehenderit aliquam, nemo cum velit ratione perferendis quas, maxime, quaerat porro totam, dolore minus inventore.</li>
            </ul>  
        </div>
        </div>
    </section>

[iBird Rose]

Эдуард Богач: без стилей мне это ничего не дало. разворачивай на https://jsfiddle.net/

[Edward]

iBird Rose:

.left_p {
    float: left;
    width: 50%;
    list-style-image: url(http://louisiana-rp.su/html/image/plus.png);
    display: inline-block; 
    vertical-align: top;
    font-size: 16px;
}

.right_p {
    float: right;
    width: 50%;
    list-style-image: url(http://louisiana-rp.su/html/image/plus.png);
    display: inline-block;
    vertical-align: top;
}

[iBird Rose]

Эдуард Богач: делай не через list-style-image, а через отдельный элеменет для иконки. и для него уже задавай стили которые я в ответе написал