답변 1개
채택된 답변
+20 포인트
2년 전
</p>
<p><!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<style>
* { margin: 0; padding: 0; }
.example {
width: 100%;
}
.example .contents {
display: flex;
}
.example .contents > :nth-child(1), .example .contents > :nth-child(3) {
flex-basis: 20%;
}
.example .contents > :nth-child(2) {
flex-basis: 60%;
}</p>
<p> .example .contents > :nth-child(3) > img {
transform: scaleX(-1);
}
</style>
</head>
<body>
<div class="example">
<header>header</header>
<article class="contents">
<section><img src="<a href="https://www.pngkey.com/png/full/423-4234845_about-us-left-brace.png"" target="_blank" rel="noopener noreferrer">https://www.pngkey.com/png/full/423-4234845_about-us-left-brace.png"</a> /></section>
<section>
<div>div-1</div>
<div>div-2</div>
<div>div-3</div>
<div>div-4</div>
</section>
<section><img src="<a href="https://www.pngkey.com/png/full/423-4234845_about-us-left-brace.png"" target="_blank" rel="noopener noreferrer">https://www.pngkey.com/png/full/423-4234845_about-us-left-brace.png"</a> /></section>
</article>
<footer>footer</footer>
</div>
</body>
</html></p>
<p>
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인