Как разместить абзац в правой части фотографии?CSS

Разбираемся в CSS
Ответить Пред. темаСлед. тема
Anonymous
 Как разместить абзац в правой части фотографии?

Сообщение Anonymous »

В этом небольшом проекте я не могу правильно разместить абзац справа от фотографии. Между ними большое пространство.
Я использовал display:flex, чтобы разместить их горизонтально. И ширина: 50%, чтобы они занимали половину экрана, но в центре все еще есть поле....
Может кто-нибудь помочь с решением этой проблемы?
Изображение

Что должен ли я получить:
Изображение

Я пробовал изменив ширину на 33 %, я также попробовал добавить отступы и поля.

Код: Выделить всё

.center {
display: flex;
padding: 10px 10px;
background-color: #c2e7f0;
margin-top: 15px
}

.all {
display: flex;
padding: 20px;
}

.center img {
width: 60%;
float: left;
}

.text {
width: 50%;
font-weight: 100;
}

Код: Выделить всё



[img]g1.png[/img]

Khvicha Kvaratskhelia relishes ‘best day’ in Georgians’ lives
Georgia is the lowest-ranked team at this year’s European Championship and few gave the nation a chance of progressing out of the group stages in what is its debut appearance at a major tournament.
But against all odds, the Crusaders produced a memorable performance to secure a deserved 2-0 Group F win against Portugal, thanks to a second-minute goal from Kvaratskhelia and a second-half penalty from Georges Mikautadze.
The coach, a vital cog in manager Willy Sagnol’s team, said the squad had been “calm” ahead of the crunch tie and managed to execute the game plan to perfection.Webb, known for his ability to motivate players on a more personal level, said he had delivered a presentation before the tournament which focused on self belief.He said his speech drew on motivation from smaller nations, such as Wales and Iceland, which had punched above their weight at previous European Championships – Wales reached the semifinals and Iceland the quarterfinals at Euro 2016.





Подробнее здесь: https://stackoverflow.com/questions/786 ... -the-photo
Реклама
Ответить Пред. темаСлед. тема

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение
  • Абзац iText накладывается на ранее сохраненный абзац.
    Anonymous » » в форуме C#
    0 Ответы
    26 Просмотры
    Последнее сообщение Anonymous
  • Я пытаюсь разместить кнопку в правой части формы входа.
    Anonymous » » в форуме CSS
    0 Ответы
    27 Просмотры
    Последнее сообщение Anonymous
  • Как разместить изображение в правой части текста в UIButton?
    Anonymous » » в форуме IOS
    0 Ответы
    9 Просмотры
    Последнее сообщение Anonymous
  • Как разместить заголовок и абзац в одной строке? [закрыто]
    Anonymous » » в форуме CSS
    0 Ответы
    41 Просмотры
    Последнее сообщение Anonymous
  • Как я могу разместить HTML -абзац так же, как таблица под ним? [дублировать]
    Anonymous » » в форуме Html
    0 Ответы
    11 Просмотры
    Последнее сообщение Anonymous

Вернуться в «CSS»