Как сделать два столбца?CSS

Разбираемся в CSS
Ответить
Anonymous
 Как сделать два столбца?

Сообщение Anonymous »

Нажмите здесь, чтобы увидеть, как это выглядит прямо сейчас !!! Пришлось скрыть мое имя и лицо для имен конфиденциальности на картинке и цензуре, мое имя в HTML) 1. Так что мне было интересно Как я мог поместить текст и изображение в два отдельных столбца рядом?
2. Заголовок и главная часть. Извините, если это кажется смешным.
html
( не все, просто важная часть ):

My Portfolio







< /code>



Hi!


My name is insert my name here
and I am a first year computer science student.

Изображение

< /code>

css: < /strong> < /p>
body{margin-left: 10%;
margin-right: 10%;
margin-top: 2em;
}

header{
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
}

h4{
padding: 20px;
}

.wrapper{
background-color: #a989d6;
display: flex;
align-items: center;
justify-content: space-between;
}

nav ul{
list-style-type: none;
}

nav a{
text-decoration: none;
padding: 20px;
}

nav li{
display: inline;
}

.intro{
text-align: center;
align-items: center;
}

main{
background-color: #dfcff6;
}

footer{
background-color: #a989d6;
text-align: center;
padding: 20px;
font-style: italic;
}


Подробнее здесь: https://stackoverflow.com/questions/695 ... wo-columns
Ответить

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

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

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

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

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