Как правильно выставить контейнеры в 1 контейнере?

@crushed00 · Регистрация: 02.12.2019

Студворк — интернет-сервис помощи студентам

Необходимо сделать вот так (что бы в 1 контейнере были 2 контейнера) 1 с полоской, другой с текстом

Как правильно выставить контейнеры в 1 контейнере?

Но почему то полоска не видна : (

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
.polosa {
            background: #1284FF;
            width: 10%;
            height: auto;    
            position:absolute;
            
        }
 
        .text
        {
            margin-left:2%;
        }
 
 
        .content {
            display: block;
            background: #FFFACD;
            
        }

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<div class="content">
               
                <div class="polosa">
 
 
                </div>
                <div class="text">
 
                    <font class="textColor">
                        <p></p>
                        sss
                    </font>
 
                    ss
 
                    <font class="textColor">
                        <br>ss
                    </font>
 
                </div>
                
            </div>

@crushed00 · 21.03.2022, 12:05 **[ТС]**

всё

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
.polosa {
            background: #1284FF;
            width: 1%;   
            height:auto;
            display: table-cell;
            transform: rotate(180deg);
        }
 
        .text
        {
            margin-left:2%;
 
        }
 
 
        .content {
            display: flex;
            
            background: #FFFACD;
        }

KingdaKa · 21.03.2022, 12:50

ы?

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
    * {
      padding: 0;
      margin: 0;
      box-sizing: border-box;
    }
 
/* ******************************** */
 
    .content {
      padding: 5px 5px; 
      background-color: #ddd;
    }
    .text {
      border-left: 10px solid #f50;
      padding-left: 1rem;
    }

HTML5
1
2
3
4
5
6
7
  <div class="content">
    <div class="text">
      <p>sss</p>
      <p>ss</p>
      <p>sssss</p>
    </div>
  </div>

Новые блоги и статьи Все статьи Все блоги /
Хак домофона или как открыть дверь по номеру yariko 25.06.2025 Забыли дома ключ. Не проблема. Можно открыть дверь домофона, просто позвонив на свой номер квартиры. Идея состоит в следующем. Внутрь трубки абонента встраивается контроллер, который по звонку сам. . .	Как украсить новогоднюю елку с Q# и Qiskit EggHead 24.06.2025 Что может быть необычнее, чем применить законы квантовой механики для украшения новогодней елки? Пока другие развешивают обычные гирлянды, я решил объединить свою страсть к квантовым вычислениям с. . .	Системы нулевого доверия на C# UnmanagedCoder 24.06.2025 Традиционная архитектура безопасности работает по принципу средневекового замка: создаём высокие стены вокруг корпоративной сети, укрепляем ворота межсетевыми экранами и системами обнаружения. . .	Снова не мой путь. Циклическое среднее, я обеими руками за проверку условия, в ракурсе данной задачи - циклическое среднее в топку. Hrethgir 24.06.2025 Привет. Такой вопрос - нужно выводить среднее математическое между двумя направлениями, интервал значений которых может лежать в диапазоне одного оборота по кругу. Проблема заключается в том, что. . .	Деплой Flask приложения py-thonny 23.06.2025 За годы работы с Flask я натыкался на одни и те же грабли достаточно часто, чтобы наконец научится их обходить. И сегодня хочу поделится опытом, который сбережет вам немало нервных клеток. Начнем с. . .
WebAssembly и контейнеры в .NET Aspire для оркестрации распределенных архитектур ArchitectMsa 23.06.2025 Я наблюдаю, как WebAssembly (или просто WASM) постепенно выходит за рамки своего первоначального предназначения — исполнения кода на стороне браузера. Теперь эта технология проникает в серверную. . .	Непрерывная интеграция для пакета Python Mr. Docker 22.06.2025 Было 4 часа утра пятницы, когда я выпустил новую версию нашей внутренней библиотеки для обработки данных. Релиз 0. 5. 2 содержал небольшой фикс для обработки дат в ISO формате, что может пойти не так?. . .	Продвинутый ETL на C# из OLTP БД в хранилище stackOverflow 22.06.2025 Работая в сфере корпоративной аналитики, я постоянно сталкиваюсь с одним и тем же - нужны чистые, структурированные и, главное, свежие данные. Без них современные аналитические системы, машинное. . .	Мастер-класс по микросервисам на Node.js Reangularity 21.06.2025 Node. js стал одной из самых популярных платформ для микросервисной архитектуры не случайно. Его неблокирующая однопоточная модель и событийно-ориентированный подход делают его идеальным для. . .	Управление Arduino из WPF приложения Wired 21.06.2025 Зачем вообще связывать Arduino с WPF-приложением? Казалось бы, у Arduino есть собственная среда разработки, своя экосистема, свои способы управления. Однако при создании серьезных проектов. . .

Опции темы