<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Untitled Document</title><style type="text/css">
div{ border:1px solid red; padding:10px; overflow:hidden; width:200px}
[contenteditable=true]{ color:red; word-break:break-all}
span{display:inline}</style></head><body><div style="width:100px"><span>1234</span><span contenteditable="true">223344223344223344223344</span><span>32324</span></div></body></html>Like this. If I add 'contenteditable="true" ' to the second span and this span has many letters, this span will break lines can't display inline.
But I want this three span display one bye one in line. How can I do it ?
Thanks