뭔가 중요한거 같은거 대충 적어놓는 용도
html div 가운데 정렬 시키고 싶으면 css에 margin-left, margin-right : auto; 주면 됨
예제 따라만들어보는 중인데... 이거하나 제대로 못만들어서 현타 오지게 오는중...
일단 겉 뼈대는 만들수 있는거 같은데, 안에 세세한 부분이 좀 빡셈...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="./css/style.css">
</head>
<body>
<div class="container">
<div class="left-box">
<div class="top-mbox">
<img src="./bonobono.jpg" alt="">
<p class="name">아우리</p>
<p class="time">1시간 전</p>
</div>
<div class="bottom-mbox">
<h3>4k빔프로젝터 가성비최강으로 선택했어요</h3>
<p>
4k빔프로젝터 가성비최강으로 선택했어요 날씨가날씨인지라 요즘 마음이 싱숭생숭한게 가을타는 사람이 아닌 붐을 타고있었어요... 하루하루 시간이 무의미하게 흘러가는거같고 재미있는걸 찾지못해 이리저리 헤메는사람처럼 즐거운걸 못찾고있...
</p>
</div>
</div>
<div class="right-box">
<div>
<img src="./bonobono.jpg" alt="">
</div>
</div>
</div>
</body>
</html>.container {
width: 100%;
height: 200px;
}
.left-box {
float: left;
width: 80%;
}
.top-mbox img {
width : 50px;
float: left;
}
.name {
font-weight: bold;
font-size: 15px;
}
.time {
font-size: 12px;
}
.bottom-mbox {
}
.right-box {
width: 20%;
float: left;
}
.right-box img {
width : 200px;
}강의 들으면서 쭊쭉 넘어가고 싶었는데
코딩애플 형님이 스스로 혼자 해봐야한다고 해서 애플사이트 들어가서 네비게이션 바 만들어보겠음!
도전!
요놈시끼를 만들어보도록 하겠음
그럴듯...한....거같지는 않은데.. 다음 강의로 숑숑....
잔디심는 코린이