How can I make the text move with the changes on the right side, and the left side move with the picture? css div tag_html/css

How can I make the text move with the changes on the right side, and the left side move with the picture? css div tag_html/css_WEB-ITnose

WBOY

Release： 2016-06-24 11:42:00

Original

1381 people have browsed it

The effect is like this:

Picture as background: background:url(kx100-d-001.png) 50% 50%;

Then, there are big words in the middle, Centered. But the small words below do not need to be centered, what should I do?

<span style="font-family: Arial, Helvetica, sans-serif;">#sdiv { float:left; width:100%; height:100%;font-family:"黑体",Arial, Helvetica, sans-serif; font-weight:100;}</span>

Copy after login

#sdiv1 {margin:10px auto 0px auto; width:100%; height:631px;padding:0px;background:url(kx100-d-001.png) 50% 50%; text-align:center;}#sdiv1 p { margin-top:30px; margin-bottom:0px; width:100%; height:auto;padding:0px; font-size:40px; color:#000}

Copy after login

This is Large characters should be centered

This is a small font that is not centered, you can move it to the left

Oh, faint!

Copyright Statement: This article is an original article by the blogger and may not be reproduced without the blogger's permission.

Related labels：

如何让文字随着右边变化联动，而左侧随着图片动？css div标签

source：php.cn

Previous article：CSS3 achieves full screen switching effect_html/css_WEB-ITnose Next article：css compatible tooltip prompt box method_html/css_WEB-ITnose

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn