¿Cómo hace esto en mi HTML? (Revisión código)

[Batan]

Bueno para que te hagas una idea, seria:

CSS

Código CSS:

#opciones a {
    text-decoration:none;
    display: block;
    color: #FFFFFF;
    }
 
#opciones div{
    background-color: #f01c00;
    background-repeat: no-repeat;
    margin: 0px;
    font-size: 12px;
    font-weight: bold;
    font-family: sans-serif;
    width: 90px;
    display: inline-table;
    border: 4px solid #CF160F;
    border-bottom-right-radius:1em;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-left: 5px;
    text-align: center;
}
 

HTML

Código CSS:

<div id="opciones"> 
<h3>Zona pública</h3>
    <div> <a target="C22" href="presentacion.html">Presentación</div>
    <div> <a target="C22" href="miembros.html">Miembros</div>
    <div> <a target="C22" href="trabajos.html">Trabajos</div>
    <div> <a target="C22" href="lineas.html">lineas</div>
</div>