+ Ответить в теме
Показано с 1 по 1 из 1

Тема: Помогите с выравниванием

  1. #1

    Помогите с выравниванием

    хочу чтобы в большом зеленном блоке текст с белым задником обтекал снизу картинку

    <head>
    <meta charset=""utf-8>
    <style type="text/css">
    .block1 {
    background: #fc0;
    padding: 5px;
    }
    .block2 {
    background: #fff;
    width: 50%;
    padding: 10px;

    }
    .block3 {width:99.35%;background: green;padding:5px;float:left}
    </style>
    </head>
    <body>
    <div align="right" class="block1">
    <div align="left" class="block2">
    В данном варианте создан блок желтого цвета.Он ялвяется основным , и все в нем будет ограничено желтым цветом.
    Но внутри написанный тект на фоне белого, так как в характеристике блок2 задан белый фон
    </div>
    </div>
    <div class="block3">
    <div style="text-align:right;float:right;width:20%;padding:10px"><img src="..\Html\2019-11-06_20-56-42.png" width="250"></div>
    <div style="background:white;width:80%;padding:10px">

    Туту на фоне зеленного цвета , так как в данном варианте выбран блок 3 как задник.Много текста Много текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текста
    Много текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текста
    Много текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текста
    Много текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текста
    Много текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текста
    Много текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного Много текстаМного текста
    Много текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текста
    Много текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текста
    Много текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текстаМного текста
    </div>
    </div>
    </body>




    вот сслыка на то что получается https://yadi.sk/i/6sKHajX_iiUj3w
    Последний раз редактировалось khelas; 02.12.2019 в 17:33.

+ Ответить в теме

Похожие темы

  1. Ответов: 1
    Последнее сообщение: 08.02.2017, 22:22
  2. Ответов: 8
    Последнее сообщение: 27.05.2016, 14:08
  3. Проблемы с выравниванием
    от Куро в разделе HTML
    Ответов: 8
    Последнее сообщение: 10.05.2014, 16:43
  4. Ответов: 3
    Последнее сообщение: 01.09.2010, 03:19
  5. Проблема с выравниванием
    от method в разделе CSS
    Ответов: 8
    Последнее сообщение: 21.03.2009, 14:40

Метки этой темы

Социальные закладки

Социальные закладки

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения