Mystyle.css

@charset "UTF-8";
.center
{
	color:black;
	text-align:center;
}
.center_initial
{
	color:black;
	margin-top:100px;
	margin-left:620px;
}
.selectReminder
{
    text-align:center;
    color:black;
}
#overflowTest {
    background: white;
    color: white;
    padding: 15px;
    width: 100%;
    height: 100%;
    overflow: scroll;
    border: 1px solid #ccc;
}
.myfa {text-align: center;height: 20%;}
.myfa:before {content: '';display: inline-block;height: 100%;vertical-align: middle;}
.centered {display: inline-block;vertical-align: middle;width: auto;}

.icon-bar {
  width: 100%;
  background-color: #555;
  overflow: auto;
}

.icon-bar a {
  float: left;
  width: 20%;
  text-align: center;
  padding: 12px 0;
  transition: all 0.3s ease;
  color: white;
  font-size: 36px;
}

.icon-bar a:hover {
  background-color: #000;
}

.active {
  background-color: #04AA6D;
}

/* 创建三个相等的列 */
.column {
  float: left;
  width: 50%;
  text-align:center
}
.column1 {
  float: left;
  width: 80%;
  height:700px;
  text-align:center
}
.column2 {
  float: left;
  width: 20%;
  text-align:center;
  height:700px;
  background-color:green;
}
 
/* 列后清除浮动 */
.row:after {
  content: "";
  display: table;
  clear: both;
}

ul.a {list-style-type:circle;}
ul.b {list-style-type:square;}
ol.c {list-style-type:upper-roman;}
ol.d {list-style-type:lower-alpha;}