button 안의 span 위치 조정
본문
버튼을 만들고 있습니다만 보다싶이 시작이라는 글자가 아래로 내려가있습니다
img 옆, 버튼 가운데 줄 쯤에 시작 글씨를 두고 싶은데 무엇을 해야할까요??
이건 저 부분의 html입니다
<!--html-->
<div id="toolbar">
<div class="toolbar-start-menu">
<button type="button">
<div id="start-button">
<img src="../img/windows-0.png">
<span>시작</span>
</div>
</button>
</div>
</div>
그리고 이건 저 부분의 css 입니다
.toolbar-start-menu {
/*시작메뉴*/
float: left;
display: flex;
justify-content: space-around;
align-items: center;
}
span {
font-weight: bold;
padding-top: 0;
font-size: 14px;
}
button {
user-select: none;
display: flex;
align-items: baseline;
line-height: 2px;
padding-right: 5px;
height: 29px;
margin: 2px 3px;
}
답변 2
<style>
#start-button{display: flex;align-items: center}
</style>
도움 주셔서 정말 감사합니다!
1. vertical-align: middle;
#start-button img {
vertical-align: middle;
}
2. display: flex;
#start-button {
display: flex;
align-items: center;
gap: 0.4em;
}
도움 주셔서 정말 감사합니다!
답변을 작성하시기 전에 로그인 해주세요.