<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-rc.2/css/materialize.min.css"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css"> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <style> ul.list-inline { max-width: 50%; font-size:14px; } ul.list-inline li.item { display: inline-block; justify-content: center; } ul.list-inline li.item i { margin-right: 5px; font-size: inherit; line-height: inherit; vertical-align: middle; } ul.list-inline li.item:not(:last-child) { margin-right: 18px; } </style> </head> <body> <div> <ul class="list-inline"> <li class="item"><i class="material-icons">person</i>A</li> <li class="item"><i class="material-icons">shopping_cart</i>C</li> <li class="item"><i class="material-icons">person</i>E</li> </ul> </div> </body> </html>
We use cookies to provide and improve our services. By using our site, you consent to our Cookies Policy. Accept Learn more