이 질문은 간단한 질문 일뿐입니다.글 머리 기호가 표시되지 않습니다.
저는 li이있는 ul이 있습니다. 여기에 글 머리 기호를 사용하고 싶지만, CSS에 포함 시켰지만 표시되지 않습니다.
HTML은 그 다음과 같습니다
<?php
session_start();
if (!isset($_SESSION["email"])) {
header('Location: ../login_error.php');
exit;
}
?>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>The A Room</title>
<link type="text/css" rel="stylesheet" href="../../login.css">
</head>
<body>
<div class="explanations" id="explanation_qas">
<p>
Blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla
<ul >
<li class="explanation_list">blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla</li>
<li class="explanation_list">blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla</li>
<li class="explanation_list">blabla blabla blabla blabla blabla blabla blabla blabla blabla blabla </li>
</ul>
</p>
</div>
</body>
</html>
CSS가 다음과 같습니다
html, body, div {
margin: 0;
padding: 0;
font-size: 1.2vw;
font-family: "Arial Rounded", Arial, sans-serif;
}
body {
background-color: #A9E2F3;
}
ul {
list-style-type: circle;
list-style-position: inside;
list-style-color: white;
}
li {
display: inline-block;
width: 80%;
top: 1%;
right: 20%;
margin-top: 1.5%;
margin-bottom: 1.5%;
padding-top: 1%;
padding-bottom: 1%;
padding-left: 7%;
background-color: white;
text-align: left;
border-color: black;
border-style: solid solid solid solid;
border-radius: 0.5em 0.5em 0.5em 0.5em;
border-width: 0.15em;
}
.explanations {
display: inline-block;
background-color: black;
color: #A9E2F3;
width: 31%;
vertical-align: middle;
position: fixed;
right: 2.5%;
border-color: black;
border-style: solid solid solid solid;
border-radius: 0.5em 0.5em 0.5em 0.5em;
border-width: 0.15em;
text-align: center;
padding: 0.5%;
font-size: 1.2vw;
}
#explanation_qas {
top: 15%;
}
#explanation_sources {
top: 74%;
padding: 1%;
width: 30%;
}
.explanation_list {
background-color: black;
}
.explanation_list:hover {
color: #A9E2F3;
}
사전에 감사, 내가보기 엔 그것을 감사!
어떤 브라우저를 사용하고 있습니까? 또한 JSFiddle 또는 CodePen에 예제를 게시 할 수 있습니까? 문제를 재현 할 수없는 것 같습니다. –