Question: From an input string I would like to get rid of the non-alphanumeric characters (`:`, `-`, etc.) but maintain latin characters. Also replace the blank spaces `" "` with `"-"`.

This is my try, but I dont know how to maintain the latin characters.

```
String title ="NEYÑO: HOW ARE YÓU MATE";
title = title.replaceAll("[^A-Za-z0-9 ]", "").replace(" ", "-").toLowerCase();
System.out.println(title);

```

Output:

```
neyo-how-are-yu-mate

```

Desired output:

```
neyño-how-are-yóu-mate

```

Thanks in advance

Answer: 
You just need add these three css properties to ul...{align-items: center; justify-content: center; flex-wrap: wrap;} 

```css
.container {
  width: 800px;
  margin: 20px auto;
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
li {
  display: flex;
  margin-left: 15px;
  margin-right: 15px;
}
li > div {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 105px;
}
img {
  max-width: 100%;
}
```

```html
<div class="container">
  <ul>
    <li><div><img src="http://placehold.it/142x39"></div></li>
    <li><div><img src="http://placehold.it/181x87"></div></li>
    <li><div><img src="http://placehold.it/157x45"></div></li>
    <li><div><img src="http://placehold.it/161x35"></div></li>
    <li><div><img src="http://placehold.it/162x75"></div></li>
    <li><div><img src="http://placehold.it/186x85"></div></li>
    <li><div><img src="http://placehold.it/140x52"></div></li>
  </ul>
</div>
```
only thing you will need is in code Snippest

```css
li{
  width : 200px;
  display : inline-block;
  vertical-align : middle;
  text-align : center;
}
```

```html
<ul style="" align="center">
   <li class="class-div"><img src="http://placehold.it/142x39"></img></div>
   <li class="class-div"><img src="http://placehold.it/181x87"></img></div>
   <li class="class-div"><img src="http://placehold.it/157x45"></img></div>
   <li class="class-div"><img src="http://placehold.it/161x35"></img></div>
   <li class="class-div"><img src="http://placehold.it/162x75"></img></div>
   <li class="class-div"><img src="http://placehold.it/186x85"></img></div>
   <li class="class-div"><img src="http://placehold.it/140x42"></img></div>
  </ul>
```