#box {
    display: block;
    height: auto;
    width: 27%;
    padding: 3px;
    margin: auto;
    border: 1px solid black;
    background-color: #f1af00;
}
#box1 {
    display: block;
    height: auto;
    width: 100%;
    padding: 8px;
    margin: auto;
    border-style: dotted;
    border: 3px dotted;
    border-color:black;
    background-color: #f1af00;
}
#box3 {
    display: block;
    height: auto;
    width: 100%;
    padding: 8px;
    color: white;
    margin: auto;
    border-style: dotted;
    border: 3px dotted;
    border-color:white;
    background-color: #1062a4;
}

ul, ol, li {
  /*
    The padding-left property sets the indentation of the list items.
    '10px' will push the content to the right by 10 pixels, creating the indent.
  */
  padding-left: 5px !important;
  list-style-position: inside;
}