html - Is it possible to have Inline text with carriage returns after each element? -

question: how can have elements display:inlinebut still have carriage return @ end of each span or a element?

caveats:

• no br tag
• must use display: inline
• undetermined width of elements

html:

 ...     <hgroup>       <span>{{splash.title}}</span>       <span>{{splash.desc}}</span>       <a ui-sref="principle" class="btn-primary">enter</a>     </hgroup> 

css:

    hgroup {       max-width: 360px;     }     span {         font-weight: 300;         color: $base-black;         font-size: 3.75rem;         display: inline;     } 

while other answer featuring white-space here’s option:

instead of using pseudo-class style hgroup with

white-space: pre-line;