Solucionado
Olá, tentei criar um panel onde o titulo fica em cima da borda porém sem sucesso. programando para desktop eu consigo facilmente. o título fica deste jeito está ocupando muito espaço. Segue imagem para ajudar na acessibilidade](https://cdn1.gnarususercontent.com.br/1/7694246/4607b151-0da7-434b-99c2-b2da3c4fc902.png) )
Porém eu precisava que ele ficasse assim
)
Tentei usar CSS também e nada. Se alguem tiver uma forma agradeço.
</p:panel>
Ola! quais tecnologias ta usando? dÊ mais contexto do teu projeto pra entendermos...
As telas são dialog, com componentes primefaces.
O problema é que não consigo colocar o titulo do panel sobre a borda para ocupar menos espaço.
<p:panel header="Intervalo"
style="display: inline-block; vertical-align: middle;width:580px;">
<h:panelGrid columns="9">
<p:outputLabel value="Tipo "
for="frmDlgesHorarioTraballhoIntervalo" />
<p:selectOneMenu id="frmDlgesHorarioTraballhoIntervalo"
required="true" requiredMessage="Intervalo"
disabled="#{esHorarioTraballhoBeanView.desabilitaFormulario}"
value="#{esHorarioTraballhoBeanView.objetoSelecionado.permiteHoraFlexivel}"
styleClass="alturaComponentes" style="width:200px;">
<f:selectItem itemLabel="Tipo de Intervalo da Jornada" />
<f:selectItem itemLabel="1 - Intervalo em Horário Fixo"
itemValue="1" />
<f:selectItem itemLabel="2 - Intervalo em Horário Variável"
itemValue="2" />
</p:selectOneMenu>
</p:panel>