wordpress コード表示プラグイン

Highlighting Code Blockにした。これで、横長のコードに対応できる。

<div class="flex sm:items-center mb-6 flex-col sm:flex-row">
   <label class="block sm:w-1/3 font-bold sm:text-right mb-1 pr-4" for="type">都道府県<span class="text-red-600"> * </span></label>
     {{ Form::select('prefecture_id', App\Models\Prefecture::select('id', 'prefecture')->get()->pluck('prefecture','id')->prepend( "選択してください", ""), null, ['class' => 'block w-full sm:w-2/3 bg-gray-200 py-2 px-3 text-gray-700 border border-gray-200 rounded focus:outline-none focus:bg-white']) }}
      @error('prefecture_id')
        <div class="mt-3">
          <p class="text-red-500">
            {{ $message }}
          </p>
        </div>
       @enderror
 </div>