I want to add rounded border and crose button at the corner of right and border shuld be rounded whe-CodePudding

This is the output:

<div  style="margin-left: 50px">
@if (isset($filters) && count($filters) > 0)
    @foreach ($filters as $key => $value)
    @if(isset($key) && $value !="" && $key !='page')
    <div >
        <p>{{ $value }}<a href="javascript:void(0)" wire:click="resetFilters('{!! $key !!}')">x</p>
    </div>        
    @endif
    @endforeach
@endif

CodePudding user response：

enter image description here

I think you need consider this structure.

CodePudding user response：

enter image description here

This is the same thing but I want crose button on div right corner