<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<meta charset="utf-8">
<style>
body { margin:0; }
.wrap { width:100%; }
.logo { width:7.66%; height:auto; display:inline-block; }
.logo img { width:100%; }
.strtop { width:83.7%; color:#FFF; display:inline-block; }
.menu { width:7.66%; height:auto; display:inline-block; }
.menu img { width:100%; }
</style>
</HEAD>
<BODY>
<div class="wrap">
<!-- Top Menu -->
<div style="width:100%; background:#3f5f90;">
<span class="logo"><img src="./images/logo.png"></span>
<span class="strtop">타이틀</span>
<span class="menu"><img src="./images/menu.png"></span>
</div>
<!-- Top Menu -->
<div>
</BODY>
</HTML>
위와 같은 현태로 코딩을 할 경우 타이틀 들어가는 부분의 height를 logo.png의 사이즈와 동일하게 맞춰 주고 싶습니다.
이유는 타이틀 이라는 문구를 상하좌우 중간에 위치시키고자 함입니다.
어떻게 코딩을 해야 타이틀이라는 문구를 중간으로 위치 시킬수 있을까요
본인삭제금지
글쓰기