Отступ в css

@Тормоз · Регистрация: 09.10.2019

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

Добрый день!

создал такой встроенный класс:

CSS
1
2
3
4
.str27A4:before {
  content: '\27A4\2003';
  margin-left: 2%;
}

Как сделать так, чтобы остальные строки текста были выровнены по первой?
Потребовалось срочно, а опыта ровно никакого, всё по гуглу, а этого не нашёл.

@mrtoxas · 23.07.2021, 17:21

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

@klopp · 23.07.2021, 17:24

Сообщение от Тормоз

остальные строки текста

про какие остальные строки идет речь?

@Тормоз · 23.07.2021, 17:27 **[ТС]**

Если текст выглядит так:

HTML5
1
<p class="str27A4">а то какая-то ерунда получается, отступ очень нужен, не нужно, чтоб текст вылезал за границы. ывдл ждывл жыдв аыждвл жыдвл ждывл ажыдвла ждыл ождыло ждылво ждылвоа жыдвлао жывлдао жылдвоа жыдлвоа жыдвлоа жыдлвао жывдло а<p>

то первая строка выводится нормально, а следующие строки, которые не входят в границы абзаца и переносятся, выводятся без отступа.

Сейчас происходит так, как показано на картинке. А надо чтоб перенесённый текст был с таким же отступом, как и первая строка.

@klopp · 23.07.2021, 18:02

CSS
1
2
3
4
5
6
7
8
9
10
.str27A4 {
  position: relative;
  padding-left: 20px;
}
.str27A4:before {
  content: '\27A4\2003';
  position: absolute;
  top: 0;
  left: 0;
}

@Тормоз · 26.07.2021, 08:31 **[ТС]**

Извините за ожидание, был недоступен.
Большое спасибо, работает, стало красиво!

Новые блоги и статьи Все статьи Все блоги /
Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .	Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .	SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .
SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .	Реалии Hrethgir 01.03.2026 Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .	Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .	SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .

@mrtoxas 3827 / 2677 / 1521 Регистрация: 12.07.2015 Сообщений: 6,672 Записей в блоге: 4
	23.07.2021, 17:21
	Какие остальные строки текста? Приведите код, который даст возможность воспроизвести проблему. 0

@Тормоз 4 / 4 / 1 Регистрация: 09.10.2019 Сообщений: 247
	26.07.2021, 08:31 [ТС]
	Извините за ожидание, был недоступен. Большое спасибо, работает, стало красиво! 0

Отступ в css

Решение