Как блок справа поставить?

Question

olya_097 @olya_097

Как блок справа поставить?

Как блок справа поставить в один ряд с картинкой?

тут именно потребовали левому блоку float: left

Даю .work__content float: right - и блок почему налазит на другой
он не должен мешать .score

https://codepen.io/anon/pen/mZWOJa

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

Комментировать

Подписаться 1 Средний Комментировать

Решения вопроса 1

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

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

KornevaViktoria, нужно что бы текст обтекал фото

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

olya_097, Блоки .work и .score должны быть как и сейчас
друг под другом
рядом должны быть work__image и work__content

а что именно странное?

Написано более трёх лет назад
NaN @KornevaViktoria
olya_097, допиши эти стили и все будет хорошо (почитай про clearfix, float, box-sizing)

css

.work__wrap::after { content: ""; display: table; clear: both; } .work__content { width: 50%; float: right; padding: 25px; box-sizing:border-box; }
Написано более трёх лет назад
olya_097 @olya_097 Автор вопроса

NaN, спасибо огромное)

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

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

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

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

Войти через центр авторизации

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

HTML

+1 ещё

Простой
Как поставить элементы в одну строку и выровнять их?
- 1 подписчик
- 9 часов назад
- 67 просмотров
1

ответ
HTML

+1 ещё

Простой
Почему не работает pattern на input?
- 1 подписчик
- 9 часов назад
- 50 просмотров
2

ответа
JavaScript

+3 ещё

Простой
Как стилизовать пагинацию постов по определённому признаку?
- 1 подписчик
- 11 часов назад
- 52 просмотра
1

ответ
HTML

+2 ещё

Простой
Как подкрасить 2 блока в разные цвета по всей ширине в дочернем Blade-шаблоне?
- 1 подписчик
- 13 часов назад
- 48 просмотров
2

ответа
HTML

+2 ещё

Средний
Неправильное отображение верстки во всех браузерах локально на компьютере, в чем может быть проблема?
- 1 подписчик
- 13 часов назад
- 61 просмотр
1

ответ
CSS

Простой
Как сделать так, чтобы при наведении на один объект, меняется другой, с помощью hover?
- 1 подписчик
- 16 часов назад
- 52 просмотра
1

ответ
JavaScript

+2 ещё

Простой
Как сделать так, чтобы звезда падала только при скролле страницы?
- 1 подписчик
- 17 часов назад
- 73 просмотра
0

ответов
JavaScript

+1 ещё

Простой
Почему вылезает второй слайд?
- 1 подписчик
- 17 часов назад
- 37 просмотров
1

ответ
JavaScript

+3 ещё

Средний
Какие есть способы организовать редкое добавление статей на сайт?
- 1 подписчик
- вчера
- 113 просмотров
1

ответ
Вёрстка

Простой
В чем может быть проблема, верстка расплывается по экрану телефона?
- 4 подписчика
- вчера
- 2669 просмотров
3

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

Frontend-разработчик (React)

ДАЛЕЕ

от 130 000 ₽

Тестировщик-стажёр

ITooLabs • Тула

от 35 000 до 40 000 ₽

Fullstack PHP Developer

Smapse Education

от 40 000 до 65 000 ₽

Доработать телеграм бота

19 апр. 2024, в 03:52

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

Написать код на python

19 апр. 2024, в 03:01

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

Настройка сервера

18 апр. 2024, в 21:56

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

Answer 1 · 2019-06-21 15:52:25

Здесь вообще какая-то странная верстка, стоит пересмотреть организацию блоков.
Кто потребовал float:left и зачем?

Блоки .work и .score должны же типо быть рядом?

Как блок справа поставить?

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

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

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