<!DOCTYPE html>
<html>
<head>
<style>
div.profile {
font-size:0px;
width:80%;
}
section.A {
width:140px;
line-height: 180px;
text-align: center;
background-color: #f2f2f2 ;
float:left;
}
section.A > img {
max-width:75%; max-height:75%;
vertical-align:middle;
border-radius: 170px;
}
section.B {
display: inline-block;
font-size: 1rem;
background-color: #f2f2f2 ;
width:80%;
height:180px;
padding-left:20px;
}
</style>
</head>
<body>
<div class = "profile">
<section class="A">
<img src="./img/profile/crop/ceo6-crop.jpg">
</section>
<section class="B">
<h3>이광우 대표이사</h3>
<ul>
<li>경희대 경영대학원 경영학 석사</li>
<li>경영지도사</li>
<li>aT 유통공사 부사장, 유통이사, 수출진흥처장, 일본주재, aT수출전문위원</li>
<li>충북대학교 농생명환경대학 초빙교수</li>
<li>현재 한국농식품미래연구원 대표이사</li>
</ul>
</section>
</div>
</body>
<html>
<head>
<style>
div.profile {
font-size:0px;
width:80%;
}
section.A {
width:140px;
line-height: 180px;
text-align: center;
background-color: #f2f2f2 ;
float:left;
}
section.A > img {
max-width:75%; max-height:75%;
vertical-align:middle;
border-radius: 170px;
}
section.B {
display: inline-block;
font-size: 1rem;
background-color: #f2f2f2 ;
width:80%;
height:180px;
padding-left:20px;
}
</style>
</head>
<body>
<div class = "profile">
<section class="A">
<img src="./img/profile/crop/ceo6-crop.jpg">
</section>
<section class="B">
<h3>이광우 대표이사</h3>
<ul>
<li>경희대 경영대학원 경영학 석사</li>
<li>경영지도사</li>
<li>aT 유통공사 부사장, 유통이사, 수출진흥처장, 일본주재, aT수출전문위원</li>
<li>충북대학교 농생명환경대학 초빙교수</li>
<li>현재 한국농식품미래연구원 대표이사</li>
</ul>
</section>
</div>
</body>
댓글
댓글 쓰기