Rails erb styling CSS

Question

Интересно, может ли кто-нибудь помочь с этим ... Ниже приведен код для краткого списка на странице профиля пользователя. Я хочу, чтобы уметь фиксировать фиксированный текст, т. Е. «Имя», «Электронная почта» и «Тип пользователя» с h2, а контент с рубином - h4. Моя проблема в том, что когда я использую что-то вроде кода в строке 6 и встраиваю содержимое h4 между тегами. Текст выходит из строя и появляется на другой строке. Каким будет правильный способ организовать это, чтобы я мог стилизовать ruby ​​с разными тегами и сохранить текст в строке.

Большое спасибо

1<div class="profile-content"> 
2 <ul> 
3  <li><h2>Name: <%= @user.name %></h2></li> 
4  <li><h2>Email: <%= @user.email %></h2></li> 
5  <% if @user.admin %> 
6  <li><h2>User Type: <h4>Admin</h4> </h2></li> 
7  <% else %> 
8  <li><h2>User Type: Standard</h2></li> 
9  <% end %> 
10 </ul> 
11</div> 

Answer 1

<li><h2>User Type:</h2> <h4>Admin</h4> </li> 

h2, h4 { display: inline-block } 

Вы можете также использовать в качестве прокладки между линиями:

What is a clearfix?

Answer 2

Вы должны закрыть h2 тег перед началом h4 тега.

<li><h2>User Type: </h2><h4>Admin</h4> </li>