首先，在HTML中添加一个标题元素，并使用CSS对其进行样式设置。以下是一个简单的示例：

“`html

百度百科文章标题

在CSS中，使用以下代码对标题元素进行样式设置：

“`css

h1.my-custom-header {

position: relative;

width: 200px;

text-align: center;

h1.my-custom-header:before,

h1.my-custom-header:after {

content: “”;

position: absolute;

bottom: 0;

left: 50%;

width: 100%;

transform: translateX(-50%);

h1.my-custom-header:before {

left: 0;

background: #fff;

border-radius: 50%;

width: 100%;

height: 10px;

h1.my-custom-header:after {

left: 100%;

background: #fff;

border-radius: 50%;

width: 0;

height: 10px;

上述代码使用绝对定位，将标题元素定位在页面的左侧，并使用transform属性将其从水平居中转换为垂直居中。然后，使用两个伪元素来模拟标题的上下左右四个角，并使用绝对定位将每个角定位在页面的左侧。

请注意，上述示例中的width和height属性设置为200px，以确保标题元素具有足够的宽度和高度来显示其内容。您可以根据需要更改这些属性以自定义标题元素的外观。

希望这可以帮助您将百度百科文章的标题样式改成横着放置。