Menu with border

0

I'm developing an application that contains a bordered menu so I'd like the menu to look like this

ButI'mnotabletoleavetheborderlikethisandneitherroundlookslikethiswillIputmycssandhtml

<h:panelGrouplayout="block" styleClass="pagamento">
                       <button class="dropbtn">Parcelas</button><br/>
                       <p class="preco">29,90</p>
                       </h:panelGroup>

    .preco{
     margin-left: 20px;
      }

      .pagamento{

     border: 1px solid #C0C0C0;
     margin-left: 580px;
     }
    
asked by anonymous 06.07.2017 / 05:38

1 answer

0
  

I do not know how to work with XHTML, but that's how I would do it.

.preco {
    margin-left: 20px;
}

.pagamento {
    border: 1px solid #C0C0C0;
    margin: 0 auto;
    width: 50%;

    border-radius: 5px;
}

.dropbtn{
    margin: 10px;
}

<div class="pagamento">
<button class="dropbtn">Parcelas</button><br/>
<p class="preco">29,90</p>
</div>
    
06.07.2017 / 06:34