.list-main{
    display: flex;
    flex-wrap: wrap;
}

.list-item {
     width: -moz-fit-content;
     width: -webkit-fit-content;
     width: fit-content;
     word-break: normal;
     -webkit-hyphens: none;
     hyphens: none;
     text-align: center;
     margin: 2px;
     padding: 4px;
     border: 2px solid black;
    flex: 1 1 auto;
}

.list-item:hover{
    margin: 3px;
    cursor: pointer;
    border: 1px solid black;
}
.list-item-2{
    text-align: left;
    margin: 2px;
    padding: 2px;
    border: 1px dashed black;
}
.list-item-2:hover{
    cursor: pointer;
    background-color: #fff7b5;
    border: 1px dotted black;
}
.my-pre{
    padding: 5px;
    margin: 2px;
    white-space: pre-line;

}