I have a an array returned when using `.map`:

```
<li class="mix <%= p.sectors.map {|s| "#{s.name}"} %> all">

```

gives array:

```
["Content Management System", "Web Design", "Web Development"]

```

at the moment the returned result in my view is:

```
<li class="mix ["Content Management System", "Web Design", "Web Development"] all mix_all" </li>

```

I want to use each s.name as a class name, but I have an issue when using:

```
<li class="mix <%= p.sectors.map {|s| "#{s.name}"}.join(" ") %> all">

```

where each word is being treated as a separate class, so Web Design is now two classes rather than one.

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?