{"id":96,"date":"2013-08-08T02:16:49","date_gmt":"2013-08-08T02:16:49","guid":{"rendered":"http:\/\/rat32.com\/rat32\/?p=96"},"modified":"2013-10-11T03:40:37","modified_gmt":"2013-10-11T03:40:37","slug":"how-to-set-fixed-width-in-span-element-using-css","status":"publish","type":"post","link":"https:\/\/rat32.com\/rat32\/2013\/08\/08\/how-to-set-fixed-width-in-span-element-using-css\/","title":{"rendered":"How to set fixed width in SPAN element  using css?"},"content":{"rendered":"<p>Hello guys,<br \/>\nJust recently i found one case that span element is not taking the width property.<br \/>\nFor example:<br \/>\n<code><br \/>\n&lt;span style=\"width:40px\"&gt;rat32.com &lt;\/span&gt;<br \/>\n<\/code><br \/>\nIn the above code width property and values have no meaning. So in order to make it working we need to add float:left property. So the solution is:<br \/>\n<code><br \/>\n&lt;span style=\"float:left;width:40px\"&gt;rat32.com&lt;\/span&gt;<br \/>\n<\/code><br \/>\nNow this will set the width of span element. Hope it helps.<br \/>\nIf it helped you please comment. Have a nice day!! \ud83d\ude42<\/p>\n<!-- AddThis Advanced Settings generic via filter on the_content --><!-- AddThis Share Buttons generic via filter on the_content -->","protected":false},"excerpt":{"rendered":"<p>span element set width css<!-- AddThis Advanced Settings generic via filter on get_the_excerpt --><!-- AddThis Share Buttons generic via filter on get_the_excerpt --><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[25],"tags":[],"class_list":["post-96","post","type-post","status-publish","format-standard","hentry","category-css"],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/rat32.com\/rat32\/wp-json\/wp\/v2\/posts\/96"}],"collection":[{"href":"https:\/\/rat32.com\/rat32\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rat32.com\/rat32\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rat32.com\/rat32\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rat32.com\/rat32\/wp-json\/wp\/v2\/comments?post=96"}],"version-history":[{"count":4,"href":"https:\/\/rat32.com\/rat32\/wp-json\/wp\/v2\/posts\/96\/revisions"}],"predecessor-version":[{"id":106,"href":"https:\/\/rat32.com\/rat32\/wp-json\/wp\/v2\/posts\/96\/revisions\/106"}],"wp:attachment":[{"href":"https:\/\/rat32.com\/rat32\/wp-json\/wp\/v2\/media?parent=96"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rat32.com\/rat32\/wp-json\/wp\/v2\/categories?post=96"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rat32.com\/rat32\/wp-json\/wp\/v2\/tags?post=96"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}