comment box

The problem is due to the high width defined in CSS.

Add the following to your custom css

#respond input {
  width: 50%;
}

#respond textarea {
  width: 50%;
}

Modify the width to your preferred values.

I’d didn’t notice that earlier, use this code

#respond .form-allowed-tags code {
  white-space: normal;
}

That does work Sam, it wraps the overflowing text which wasn’t visible earlier.

In case you want to control the width use the following code

#respond .form-allowed-tags {
  width: 50%;
}

If you have a particular design in mind for the displayed tags let me know.

In that case remove the previous CSS code I posted

#respond .form-allowed-tags {
  width: 50%;
}

and use this code

#respond .form-allowed-tags code {
  background: none repeat scroll 0 0 #F3F3F7;
  border: 1px solid #DEDEE3;
  color: #000000;
  display: block;
  white-space: normal;
  width: 50%;
}

I’m not a designer by profession, I’m a network/sys admin. I like doing Web design/development too and have designed my own theme for my blog.

You’re most welcome Matey.

Yes you can contact me through my blog.

And if your problem is solved please mark this thread as resolved.