Problems with i and em tags in html li, _html/css_WEB-ITnose

html code:

Learning contentRequired fields 🎜>
css code
#tabel ul li{
width:800px;
float:left;
}

#tabel ul li span{
width: 80px;
float:left;
display:inline-block;
font-size:14px;
margin-top:10px;
}

#tabel ul li i{
width:50px;
margin-left:10px;
}

#tabel ul li em{
width:300px;
}

Result: (1) *Learning: (2) Main learning content (3) Required items are not at the same level, (2) and (3) are at the same level, but higher than (1), so they don’t look the same Comfortable, I have tried adjusting the top, border-top and other attributes in the #tabel ul li i and #tabel ul li em attributes in css, but it seems to have no effect. I don’t know where the problem lies.
This is my first time posting, and I have been unsuccessful in uploading pictures. I can only describe the results in text, so everyone will make do with it!
I hope everyone can exchange guidance, thank you!





Reply to discussion (solution)

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn