Home>
When using the web font icon, the vertical position will be slightly shifted if the character strings are arranged side by side.
What to do
#css
.mymenu {
background-color: #fff;
width: 150px;
border: 2px solid # 665700;
border-radius: 5px;
margin: 50px 50px;
font-size: 14px;
line-height: 30px;
}
.mymenu .user {}
.mymenu .setting {}
.mymenu .signoff {}
.mymenu i {
font-size: 20px;
padding-left: 15px;
padding-right: 5px;
}
.mymenu hr {
height: 1px;
border: 0;
background-color: # 665700;
}
#html
<i>account_circle</i>User settings
<i></i>Settings
<hr>
<i></i>Logout
-
Answer # 1
Related articles
- html - about position: absolute;
- windows - about garbled characters in git
- css3 - css that masks the image when hovering and the characters slide from the bottom
- javascript - about automatic scroll position adjustment of mac chrome
- css3 - i'm new to html, but vertical control vertical-align doesn't work
- python - about sorting characters when manipulating strings using the set function
- html - about the position of the text
- css3 - about classes and web design in html5&css
- about the problem that characters are garbled when accessing the list of uint8_t in c ++
- css3 - the arrangement of characters in the header changes depending on the page (css is the same)
- python 3x - pandas: about line feed characters when outputting txt
- ruby on rails - [rails] about the display position after redirect by pressing like
- java - about garbled characters in eclipse
- html - i want to move the position of the characters in the title and footer
- python - about the specified position of pop ()
- css3 - i want to specify the height of the vertical bar inserted between characters
- python - about garbled characters in webbroeser
- css3 - about the optimum image size to be displayed on the web
- datagridview: vertical scroll position is in the grit view
- python - about image display and position of main ()
Related questions
- html : Css and column-gap
- jquery - i want to display the datepiker calendar in a modal window
- why is html th and td not aligned?
- css3 - when hovering a div surrounded by a tag, i want to underline only a part of the div
- html - i want to arrange them side by side by adjusting the width
- html - media query specification does not work
- html - the contents of the li tag do not fit in the li
- html - does not fit in the body
- questions about combining html css animation @keyframes and javascript
- ruby - i want to write css that displays buttons by tapping
Inline elements can be centered vertically with
vertical-align: middle;
.