css - Rails erb 样式 CSS

Question

我想知道是否有人可以帮助...下面是用户个人资料页面上的简短列表的代码。我希望能够使用 h2 设置固定文本的样式，即“名称”、“电子邮件”和“用户类型”，并使用 h4 设置 ruby​​ 提供的内容。我的问题是，当我使用第 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?