<h3>タイトル</h3>

<ul>
	<li><a href="#">メニュー01</a></li>
	<li><a href="#">メニュー02</a></li>
	<li><a href="#">メニュー03</a></li>
</ul>
h3::before{
  content: "★";
}

ul {
  list-style:none;
  margin: 0;
  padding: 0;
}

li a {
  position: relative;
  display:block;
  padding: 10px 5px 10px 25px;
}

li a::before {
  position: absolute;
  content: "■";
  left: 5px;
  top: 5px;
  line-height: 1;
  font-size: 28px;
  color: red;
}

li a:hover {
  background-color: aqua;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.