In View have the following foreach loop to display links:

```
@model List<IGrouping<string, FileInfo>>

@{
    ViewData["Title"] = "Index";
    int i = 0;
}

<div class="container-fluid main-container">
  <div class="col-md-3 sidebar">
      <ul class="nav nav-pills nav-stacked">

        @foreach (var link in @Model)
        {
            <li><a href="#">@link.Key</a> <span>(***)</span></li> 

            foreach(var item in Model[i])
            {
                @item.Culture;
            }

            i++;
         }
      </ul>
   </div>

```

The nested foreach displays the correct info but on a different line - I would like it positioned where the `***` is in code listing.

Also I would like a comma ',' placed between each culture.

Any help appreciated.

Current output showing as:

[![enter image description here](https://i.stack.imgur.com/IX7s3.jpg)](https://i.stack.imgur.com/IX7s3.jpg)

**EDIT**: updated code to following and still getting same issue

```
 @foreach (var link in @Model)
        {
            <li>
                <a href="#">@link.Key</a> 
                <span>
                    @foreach(var item in link)
                    {
                        @item.Culture
                    }
                </span>
            </li>
        }

```