Jump to content
  • Sign Up
User357

выравнивание с помощью float

Recommended Posts

9 минут назад, Switch74 сказал:

а что не так то?
все работает как указано в стилях

Я хочу в итоге добиться результата как на фото

 

photo.jpg

Share this post


Link to post
Share on other sites

1. это должно быть в блоке, который выравнен по центру
2. в блоке 3 колонки: в центральной у вас картинки в крайних по переменно выводите текст (то слева, то справа)

Share this post


Link to post
Share on other sites
4 часа назад, Switch74 сказал:

1. это должно быть в блоке, который выравнен по центру
2. в блоке 3 колонки: в центральной у вас картинки в крайних по переменно выводите текст (то слева, то справа)

Я вот так делал, но картинку приходится вручную двигать

https://jsfiddle.net/81ws5jxu/7/

Share this post


Link to post
Share on other sites
1 час назад, Switch74 сказал:

так у вас там нет колонок, по сути в одной колонке находится и текст и картинка
https://jsfiddle.net/wLmhb9vp/

Принципиально нужно сделать только при помощи float и выравнивания.
Такой вариант как вам?

https://jsfiddle.net/moL3sfjz/

ss.jpg

Edited by User357
вставка картинки

Share this post


Link to post
Share on other sites

вопрос к вам, устраивает ли это вас:
1. на большом экране второй текст прижат к правому краю
2. на маленьких вторая картинка слетает на следующую строку, а первая остается в своей строке и смещается с центра

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Member Statistics

    46,834
    Total Members
    159
    Most Online
    Progrmergr
    Newest Member
    Progrmergr
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...