Fatal编程技术网
  • html/
  • Html 文本对齐问题

Html 文本对齐问题

html css text

Html 文本对齐问题,html,css,text,alignment,Html,Css,Text,Alignment,伙计们，我有一个问题，试图让两个文本粘贴到一个容器的左侧和右侧 我使用以下方法 <h4>Better Tri-Blend T-Shirt</h4> <span style="float: right ">£4 </span> Better Tri-Blend T恤 £4 这看起来像这样 正如您所见，它的工作原理是左右对齐，但右边的字体大小比左边小，而且不一样 如何使正确的字体更大（如h4）或更大 我试过用h4覆盖，但那破坏了正确的对齐方式

伙计们，我有一个问题，试图让两个文本粘贴到一个容器的左侧和右侧

我使用以下方法

<h4>Better Tri-Blend T-Shirt</h4>
<span  style="float: right ">£4 </span>

Better Tri-Blend T恤
£4
这看起来像这样

正如您所见，它的工作原理是左右对齐，但右边的字体大小比左边小，而且不一样

如何使正确的字体更大（如h4）或更大

我试过用h4覆盖，但那破坏了正确的对齐方式

感谢艾米的帮助

马克这是你想要的吗

标题（
h1、h2、h3..
）是块元素，这意味着它们占据整个宽度

它们的字体大小是固定的，由浏览器定义，除非被样式表覆盖

要使两个或多个标题彼此对齐，请使它们
display:inline或
显示：内联块

您可以选择使用
垂直对齐：中间以使其垂直居中（如果尺寸不同）



h4，h2{
显示：内联块；
右边距：10px；
垂直对齐：中间对齐；
}



Better Tri-Blend T恤
£4 




Better Tri-Blend T恤
£4 

只需将量程插入h4内：



Better Tri-Blend T恤4英镑
谢谢Gautam你是明星第二季的工作完全符合我的要求