Tenho um elemento filho que é montado dinamicamente, o conteúdo desse elemento as vezes pode ser comprido, isso faz com que tal elemento exceda o pai como no exemplo a seguir:
Elemento Pai:
margin: 5px 30px 10px 40px;
Elemento Filho:
$("#divcritica").append("<div id='divvalorcontabil"+ divvalorcontabil +"' class='operacao btn btn-info dashed-black-border' value='ValorContabil/"+marcados+"' style='margin:3px; 0px; 0px; 5px; box-shadow: rgb(0, 0, 0) 1px 1px 7px -2px; border-radius: 3px; border: 2px;' ondblclick='removeButton(this)' onclick='setClass(this)'></div>");
Resultado:
Como posso ajustar para que nao exceda o elemento pai?
Obs: O conteúdo desse elemento é variavel.