Есть ли способ с помощью Javascript, чтобы определить, где разрыв строки помещается в HTML?

Question

У меня есть html:

<div id="tagsCloud" class="feedBarSegment">
<div id="tagsCloudHeader" class="segmentHeader">Tags</div><span class="tag">Psalm 33</span><span class="tag">Edgar Allen Poe</span><span class="tag">John</span><span class="tag">Hello</span><span class="tag">Test</span></div>

С этим CSS:

.segmentHeader {
    font-size: 1.15em;
    font-weight: bold;
    border-bottom: #7792ad solid 1px;
    margin-bottom: 5px;
}

.feedBarSegment {
    width: 250px;
    margin: 52px 20px 20px 25px;
}

#tagsCloud {
    margin-top: 10px;
}

.tag {
    display: inline-block;
    background: #e9e3c4;
    padding: 2px 4px;
    border-top: 1px black solid;
    border-right: 1px black solid;
}

.subject {
    display: inline-block;
    background: #f2b2a8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 2px 3px 2px 3px;
    border: black solid 1px;
    margin: 2px;
}

Я хочу сделать так, чтобы на каждой строке, если больше нет тегов, соответствовали тегам нак этой строке добавлены отступы, так что они полностью охватывают всю строку, вместо того, чтобы иметь дополнительный пробел в конце.Возможно ли это сделать?

Answer 1

Если вы можете перейти от inline-block к inline для .tags, вы можете использовать text-align: justify; для контейнера.

Answer 2

Кажется, что вы хотите text-align: justify.

Answer 3

Я считаю, что вы ищете:

#tagsCloud {
  text-align:justify;
}

http://www.w3schools.com/cssref/pr_text_text-align.asp