Блог

В настоящее время я создаю свой проект hs, я всего лишь новичок, и я борюсь с этим столбцом, как будто хочу, чтобы моя биография выглядела так (ниже)

Но я не могу этого добиться, это мой HTML и CSS код

HTML :

 <div class="row">
    <div class="column">
        <img src="photos.png" style="width: 320px;">
    </div>
    <div class="column" id="david">
        <h1>David Watson</h1>
        <h2></h2>
    </div>
</div>
  

и вот мой CSS-код для этого

css:

 .column {
  float: left;
}

.row {
     margin-left: 350px;
     margin-top: 100px;
}

/* Clear floats after the columns */


h1 {
    font-weight: 10;
    font-style: italic;
}
  

и, кстати, вот как это работает

используйте .row{ display:flex }

тогда дочерний элемент займет соседнее положение, вы тоже можете быстро взглянуть на это https://www.w3schools.com/css/css3_flexbox.asp

 .row {
      display:flex
     margin-left: 350px;
     margin-top: 100px;
}
.column {
  margin:0 2rem;

}


h1 {
    font-weight: 10;
    font-style: italic;
}