Как сделать рамку с фотографией и текстом?

Question

Вот шаблон сайта. Там где чёрная картинка- это картинка, а где text - это аналогично текст. Там есть рамки вот вопрос как это сделать через css и html?

Answer 1

Держите

.title {
  border-bottom: 3px solid black;
  margin-bottom: 20px;
}

.wrp {
  overflow: hidden;
  border: 2px solid black;
  padding: 20px;
  margin-bottom: 20px;
}

img {
  float: left;
  max-width: 200px;
}

span {
  padding-left: 20px;
}

<div class="title">name</div>
<div class="wrp"><img src="https://sun9-26.userapi.com/c5041/g12527588/a_91800fdd.jpg?ava=1"><span>text</span></div>
<div class="wrp"><img src="https://sun9-26.userapi.com/c5041/g12527588/a_91800fdd.jpg?ava=1"><span>text</span></div>

БЛОГ НА HUSL

Как сделать рамку с фотографией и текстом?

Ответы (1 шт):