title: .map on array into string
body: <p>I have a an array returned when using <code>.map</code>:</p>
  <pre><code>&lt;li class=&quot;mix &lt;%= p.sectors.map {|s| &quot;#{s.name}&quot;} %&gt; all&quot;&gt;
  </code></pre>
  <p>gives array:</p>
  <pre><code>[&quot;Content Management System&quot;, &quot;Web Design&quot;, &quot;Web Development&quot;]
  </code></pre>
  <p>at the moment the returned result in my view is:</p>
  <pre><code>&lt;li class=&quot;mix [&quot;Content Management System&quot;, &quot;Web Design&quot;, &quot;Web Development&quot;] all mix_all&quot; &lt;/li&gt;
  </code></pre>
  <p>I want to use each s.name as a class name, but I have an issue when using:</p>
  <pre><code>&lt;li class=&quot;mix &lt;%= p.sectors.map {|s| &quot;#{s.name}&quot;}.join(&quot; &quot;) %&gt; all&quot;&gt;
  </code></pre>
  <p>where each word is being treated as a separate class, so Web Design is now two classes rather than one.</p>
  <p>Is there a way to have Web Design as one class or do I need to use different naming conventions, like Web-Design to make this work?</p>