Как прижать к правому краю многострочного текста другой блок?

Question

true_evzheniy @true_evzheniy

HTML
CSS

Как прижать к правому краю многострочного текста другой блок?

Как прижать к правому краю многострочного текста другой блок? Именно к самой правой букве. Текст может меняться. Есть подозрение, что решения нет. jsbin.com/padazudaxa/edit?html,css,output

Вопрос задан более трёх лет назад
711 просмотров

1 комментарий

Подписаться 2 Оценить 1 комментарий

Пригласить эксперта

Ответы на вопрос 2

2 комментария

7 комментариев

true_evzheniy @true_evzheniy Автор вопроса

Текст слева. Блок справа текста, вплотную к самой правой букве текста

Написано более трёх лет назад
true_evzheniy @true_evzheniy Автор вопроса

зачем ты даешь совет прижать текст вправо?

Написано более трёх лет назад

Артём Кириллов @Mr_Lagmis

true_evzheniy, Аааа!!!
Ну смотри на следующий код

<div style='text-align: center;display:block;'>
<div style='display: inline-block;border:1px solid #000000;width:100px;'>
 Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Loremv Lorem Lorem Lorem Lorem Lorem Lorem
</div>
<div style='display: inline-block;border:1px solid #F9F9F9;width:100px;'>
Block div
</div>
</div>

Скопируй и вставь себе на страничку и смотря на этот код, напиши, или измени свой так, как тебе надо.

Написано более трёх лет назад

Johny Smith @Olek1

Артём Кириллов, сделайте Форк/Клон его кода на сайте jsbin.com, ничего ведь непонятно

Написано более трёх лет назад

Артём Кириллов @Mr_Lagmis

Olek1,
Окей...

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
<div style='text-align: center;display:block;'>
<div style='display: inline-block;'>
 Lorem Lorem Lorem Lorem Lorem Lorem</div><div style='display: inline;width:100px;'>Block div
</div>
</div>
</body>
</html>

В коде после последнего "Lorem" сразу же, прямо после последней буквой находиться следующий блок
Или можно по другому...

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
<div style='text-align: center;display:block;'>
<div style='display: inline-block;max-width:90px;'>
 Lorem Lorem Lorem Lorem Lorem Lorem</div><div style='display: inline;position:absolute;margin-left:-3px;'>Block div
</div>
</div>
</body>
</html>

Написано более трёх лет назад

Johny Smith @Olek1

Артём Кириллов, а я так тоже сидел игрался делал, но у вас все слова lorem одинаковой длины, по этому будет красиво, но ведь у него не предполагаются все одинаковые слова

Написано более трёх лет назад

Артём Кириллов @Mr_Lagmis

Olek1, Так можно изменить по своему!
Вот многострочный, с разными словами:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
<div style='text-align: center;display:block;'>
<div style='display: inline-block;max-width:80%;'>
Как прижать к правому краю многострочного текста другой блок? Именно к самой правой букве. Текст может меняться. Есть подозрение, что решения нет.</div><div style='display: inline;position:absolute;margin-left:-7px;'>Block div
</div>
</div>
</body>
</html>

Написано более трёх лет назад

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы

PHP

+1 ещё

Простой
Как исправить "Undefined array key «login»,"password" в $_POST?
- 1 подписчик
- 7 часов назад
- 69 просмотров
1

ответ
HTML

+2 ещё

Средний
Почему у меня не отображаются кнопки?
- 1 подписчик
- 11 часов назад
- 81 просмотр
2

ответа
HTML

+1 ещё

Простой
Правильно ли с точки зрения семантики БЭМ я расставляю wrapper'ы и вообще называю дивы?
- 1 подписчик
- 15 часов назад
- 75 просмотров
0

ответов
HTML

+1 ещё

Простой
Как установить одну и ту же ширину элементов в разных блоках?
- 1 подписчик
- вчера
- 70 просмотров
1

ответ
HTML

+1 ещё

Простой
Как расположить контент сайта на всю высоту?
- 1 подписчик
- вчера
- 53 просмотра
1

ответ
HTML

+1 ещё

Простой
Паддинг и Маргин ломает длину и ширину, не получается выставить отступы внутри блока?
- 1 подписчик
- вчера
- 58 просмотров
1

ответ
CSS

Простой
Можно ли в CSS сгладить углы при использовании border-radius?
- 1 подписчик
- вчера
- 92 просмотра
1

ответ
CSS

+2 ещё

Простой
Как корректно настроить Gulp + Sass?
- 1 подписчик
- 21 нояб.
- 71 просмотр
2

ответа
HTML

Простой
Почему некорректно отражается текстареа в Osclass evolution?
- 1 подписчик
- 21 нояб.
- 35 просмотров
0

ответов
HTML

Простой
Как на html реализовать блоки «Внимание / Важно»?
- 1 подписчик
- 21 нояб.
- 120 просмотров
1

ответ
Показать ещё Загружается…

Fullstack Developer под Wordpress

Future Search

от 90 000 до 150 000 ₽

WordPress-разработчик

div. • Ставрополь

от 50 000 до 120 000 ₽

JavaScript FullStack разработчик

Rocket • Смоленск

от 80 000 до 130 000 ₽

Создать сервер VPS через wireguard

24 нояб. 2024, в 00:04

5000 руб./за проект

Добавить интеграцию оплаты Telegram Payments 2.0 в Mini App (React)

23 нояб. 2024, в 23:30

3000 руб./за проект

Нарисовать инфографику в 3-х вариантах

23 нояб. 2024, в 23:03

1 руб./за проект

Убери флекс у контейнера, и дай дочерним блокам инлайн-блок. Может можно и на флексе прижать, но я в флексах не особо силен.

Answer 1 · 2017-09-22 11:33:22

Oblfakir @Oblfakir

text-align: right; ?

Ответ написан более трёх лет назад

2 комментария

Answer 2 · 2017-09-22 11:43:12

text-align: right;
Задаёшь этот стиль тому тексту, который должен быть справа.
Или в самом тэге прописать атрибут, например

<p style='text-align: right;' align='right'> Lorem</p>

А если всё-равно не работает, то надо писать весь код, чтобы понять в чём ошибка.

Как прижать к правому краю многострочного текста другой блок?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт