레이아웃 만들기 숙제 : Blog 글목록 만들기 에서

[임태경]

 float 나 flex 속성을 제외하고 오직 inline block으로만  layout 짤수 있는지 궁금합니다

[codingapple]

넹 뭘로 만들지는 자유입니다 

[임태경]

감사합니다 혹시 inline block만 이용한  레이아웃 예시  코드 좀 알수있을까요

아 그냥 '레이아웃 만들기 숙제 : Blog 글목록 만들기 에 ㅏㅇ나온 ㄹ레이아웃 

inline block만 이용한 코드 궁금합니다 

[codingapple]

<div>
  <div>
    <div class="image1"></div>
    <div class="author-box">
    <h4 class="author">글쓴이</h4>
    <p class="author">홍길동</p>
<  /div>
</div>
</div>

<style>
.image1 {
background: grey;
width : 50px;
height : 50px;
display: inline-block;

}
.author-box{
display: inline-block;
vertical-align: top;
width : 200px;
}
.author {
display: inline-block;
width: 200px;
margin: 0;
}
</style>
이건 맨위의 이미지와 글쓴이부분이고 여기 밑에 display block인 박스 몇개 추가하면 블로그 글내용 만들 수 있을듯요

 

[임태경]

참고 하겠습니다 감사합니다 뵹 

[글쓴이]

글